* {margin:0; padding:0}
html,
body{min-width:960px;}
body{
	margin:0;
	/*background:url(../images/bg52.jpg) no-repeat scroll center top transparent;*/
	background-color:#000;
	color:#FFFFFF;
	font:12px/16px Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust: none;
}
img{
	border-style:none;
	vertical-align:middle;
}
a {
	text-decoration:none;
	color:#FFFFFF;
	outline: medium none;
}

input,
textarea,
select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
input[type=submit]:hover{cursor:pointer;}
input[type=submit]::-moz-focus-inner{
	border: 0;
	padding: 0;
}
input[type=text],
input[type=button],
input[type=password],
input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
textarea {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border:0;
	cursor:pointer;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display: block;}
ul,ol,li{ list-style: none;}

#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	background:url(../images/bg-overlay.png) repeat;
	/*background:url(../images/bg52.jpg) repeat-x;*/
	/*background:url(../images/12_2.jpg) center top no-repeat;*/
/*	height:575px;*/
	width:100%;
	top:0;
	left:0;
	/*background:url(../images/bg5.jpg) repeat-x;*/
	/*background:url(../images/bg52.jpg) none repeat;*/
	/*min-height:880px;*/
}
#wrapper #wrapper-shadow 
{
    border: 1px solid #0F0F0F;
    
    -webkit-box-shadow: 0px 0px 145px 25px #137BBB;
	-moz-box-shadow: 0px 0px 145px 25px #137BBB;
	box-shadow: 0px 0px 145px 25px #137BBB;
	background-color:#000;
}
.w1{
	width:960px;
	margin:0 auto;
	padding:0;
	/*background:url(../images/bg6.png) no-repeat;*/
	min-height:517px;
}
#header{
	width:100%;
	padding:10px 0 5px;
  color: #fff;
}
#header:after{
	content:"";
	display:block;
	clear:both;
}
.logo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	background:url(../QuanTri/images/tempLogo.png) no-repeat;
	width: 500px;
	height: 90px;
}
.sologan{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:100px;
	/*background:url(../QuanTri/images/tempLogo.png) no-repeat;*/
	width: 20px;
	height: 90px;
}
.clear {
  clear: both;
}
.force-wrap{
  display: inline-block;
  white-space: pre-wrap;       /* css-3 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
  word-break: break-all;
  white-space: normal;
}
.13point {
    font:bold 13px/17px Arial, Helvetica, sans-serif;
}
.16point {
    font:16px/20px Arial, Helvetica, sans-serif;
}
.spacer5 {
    display: block;
    height:5px;
    width:100%;
}
.spacer15 {
    display: block;
    height:15px;
    width:100%;
}
.spacer25 {
    display: block;
    height:25px;
    width:100%;
}
.spl{ margin-right: 5px; }

.spl.search.filter {
   width: 200px;
   float: none;
   margin-right: 0px;
}

.logo a{
	display:block;
	height:100%;
}

#main{width:100%;}
#main h1{
	margin:0 0 14px;
	color:#fff;
	font:bold 28px/34px Arial, Helvetica, sans-serif;
}
#main h1 span{
  display: block;
  font: normal 16px/1 Arial, Helvetica, sans-serif;
  padding: 4px 0;
}
.container{
	width:100%;
	position:relative;
	background:#e8f1f9;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	overflow:hidden;
	-webkit-box-shadow:0 0 5px 1px #044367;
	-moz-box-shadow:0 0 5px 1px #044367;
	box-shadow:0 0 5px 1px #044367;
}
.steps ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../images/bg7.gif) repeat-x 0 100%;
}
.steps li{
	float:left;
	position:relative;
	width:303px;
	margin:0 -16px 0 0;
	background:url(../images/a1.png) no-repeat 100% 0;
	font:16px/20px Arial, Helvetica, sans-serif;
}
.steps li.last{
	width:290px;
	background:none;
	-webkit-border-radius:0 5px 0 0;
	-moz-border-radius:0 5px 0 0;
	border-radius:0 5px 0 0;
}
.steps li.first{
  width: 287px;
}
.steps li a{
	display:block;
	position:relative;
	text-align:center;
	color:#9facb0;
	padding:11px 16px 13px 0;
}
.steps li span{
	display:inline-block;
	vertical-align:top;
	padding:1px 0 0;
}
.steps .active a{
	z-index:10;
	text-decoration:none;
	font-weight:bold;
	color:#464646;
	background:url(../images/a2.png) no-repeat 50% 100%;
}
.steps li.done{background:url(../images/bg2.png) no-repeat 100% -60px;}
.steps li.done.first{
	background-position:100% 0;
	-webkit-border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
	border-radius:5px 0 0 0;
}
.steps li.done.last{background-position:-37px -120px;}
.steps li.done a{
	color:#74903b;
}
.steps li.last a{
	padding:11px 16px 13px 15px;
}

.steps li.done span{
	padding:1px 10px 0 28px;
	background:url(../images/a4.png) no-repeat;
}
.steps li.done a:hover{
	font-weight:normal;
	background:none;
}

.steps.steps-wide{
  margin: 20px 0;
  border: 1px solid #C5C4C4;
  
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}
.steps.steps-wide ul{
  background: none;
}
.steps.steps-wide .active a{
  background: none;
}
.steps.steps-wide li{
  width: 33.33%;
  margin: 0 -16px 0 0;
}
.steps.steps-wide li.first{
  width: 33.33%;
}
.steps.steps-wide li.last{
  width: 33.34%;
}
.steps.steps-blue li,.steps.steps-blue ul{
  background-color: #E8F1F8;
}

.steps.steps-blue li.done {
  background: url("../images/bg2-liquid.png") no-repeat scroll 100% -60px;
  /*background: #E2EEDD;*/
}
.steps.steps-blue li.last{
  padding-left: 32px;
  margin: 0;
}
.steps.steps-blue li.last.done{
  background-position: 100% -120px;
}

/*.steps.steps-blue li a{
  padding: 7px 16px 10px 0;
}*/

.steps.steps-transparent{
  border: 0;
  border-bottom: 1px solid #E4E4E4;
  margin: 0 0 20px;
  padding: 0 0 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.steps.steps-transparent ul{
  padding: 0;
  margin: 0;
}
.steps.steps-transparent li{
  background: none;
}
.steps.steps-transparent li a{
  padding: 0;
  font-size: 12px;
  color: #a0a0a0;
}
.steps.steps-transparent li.active a,
.steps.steps-transparent li.done a{
  color: #464646;
}
.steps.steps-transparent li.first a{
  text-align: left;
  padding-left: 20px;
}
.steps.steps-transparent li.last a{
  text-align: right;
  padding-right: 20px;
}
.steps.steps-transparent li.done span{
  background:url(../images/a4-small.png) no-repeat 0% 50%;
}
.container .content{
	border:solid #ddd;
	border-width:1px 0;
	background:#f8f8f8;
	margin:-1px 0 0;
	min-height:325px;
	padding:20px 30px 5px 29px;
}
.container h2{
	margin:0 0 20px;
	color:#464646;
	font:18px/20px Arial, Helvetica, sans-serif;
}
.container h3{
	font-size: 21px;
}
.container h2.app{
	margin:0 0 20px;
	color:#464646;
	font:21px/23px Arial, Helvetica, sans-serif;
}
.container h2.complete {
	margin:0 0 12px;
	color:#464646;
	font:16px/20px Arial, Helvetica, sans-serif;
}
.container div.complete {
	margin:0 0 20px;
	font:13px/17px Arial, Helvetica, sans-serif;
}
.container .title{
	position:relative;
	border:1px solid #c5c4c4;
	background:#e8f1f9;
	padding:9px 10px 9px;
	margin:0 0 15px;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1), 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1), 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.1), 0 0 1px 1px #f9fafb inset;
    z-index: 9;
}
.container .title.form {
    padding:6px 10px 6px;
    height: 28px;
}
.nomargin{
  margin: 0 !important;
}
.title.nomargin .select-area{ line-height: 22px; height: 22px; font-weight: normal; }
.title .btn{ vertical-align: top; }

.container .title.end {
	position:relative;
	border:1px solid #c5c4c4;
	background:#e8f1f9;
	padding:9px 10px 9px;
	margin:0 0 25px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
    z-index: 999;
    height: 18px;
}
/*.container .title.end .btn{
  position: relative;
  top: -4px;
}*/

.title .right-btns, .title .left-btns{
  height: 25px;
  padding: 5px;
}
.title .right-btns{
  float: right;
  margin: -9px -10px 0 0;
}
.title .left-btns{
  float: left;
  margin: -9px 0 0 -10px;
}
.v-line{
  border-left: 1px solid #A6C6E2;
  border-right: 1px solid #F6F9FC;
  margin: -5px 3px 0;
  height: 35px;
  vertical-align: top;
  display: inline-block;
}
.v-line.tall {
  height: 39px;
}

.table .titleins{
  font-weight: bold;
  overflow: hidden;
  width: 746px;
	border:1px solid #c5c4c4;
	background:#F7F7F7;
	padding:9px 10px 9px;
	margin:6px 0 10px;
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}
.inswrapper{
  padding: 0 0 10px 10px;
  overflow: hidden;
}

.table .inswrapper .col123{
  width: 672px;
}

.table .line.multi .inswrapper .col123.indent{
  padding-left: 20px;
  width: 655px;
}

.table .line.multi .col123.indent{
  padding-left: 20px;
  width: 667px;
}

.table .inswrapper .col12{
  width: 342px;
}

.table .inswrapper .col2{
  width: 327px;
}

.container .title h3{
	margin:0;
	font:bold 13px/17px Arial, Helvetica, sans-serif;
}
.form .columns{
	width:100%;
	padding:0 0 19px;
}
.form .columns:after{
	content:"";
	display:block;
	clear:both;
}
.form .col{
	float:left;
	width:360px;
	padding:0 20px 0 0;
}
.form .row{
	width:100%;
	padding: 0 0 10px;
}
.form .row:after{
	content:"";
	display:block;
	clear:both;
}
.form .row label{
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	width:115px;
	padding:0 3px 0 0;
}
.form .col.indent{
	padding-left: 10px;
}
.form .col+.col{
	width:400px;
	padding:0;
}
.form .col+.col label{width:156px;}
input.text{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	background:#fff;
	/*width:20px;*/
	border:1px solid #c5c4c4;
	padding:2px;
	margin:0;
	outline:none;
	font:12px/15px Arial, Helvetica, sans-serif;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 1px 0 #ddd inset;
	-moz-box-shadow:0 1px 1px 0 #ddd inset;
	box-shadow:0 1px 1px 0 #ddd inset;
}
input.text.error{
  border: 1px solid #d7494e;
  /*margin-top: 20px;*/
  box-shadow: 0 0 5px #D7494E;
  -moz-box-shadow: 0 0 5px #D7494E;
  -webkit-box-shadow: 0 0 5px #D7494E;
  
}

textarea{
	display:inline-block;

	width:229px;
	border:1px solid #c5c4c4;
	padding: 10px;
	margin:0;
	outline:none;
	font:12px/15px Arial, Helvetica, sans-serif;
  
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
  
	-webkit-box-shadow:0 1px 1px 0 #ddd inset;
	-moz-box-shadow:0 1px 1px 0 #ddd inset;
	box-shadow:0 1px 1px 0 #ddd inset;
}

.text.date{ width: 70px; text-align:center; }
.select-error{
  border: 1px solid #d7494e !important;
  box-shadow: 0 0 5px #D7494E !important;
  -moz-box-shadow: 0 0 5px #D7494E;
  -webkit-box-shadow: 0 0 5px #D7494E;
  
}
.text.search{ 
  padding: 4px 4px 4px;
  margin-top: 1px;
  width: 200px;
  float: left;
  margin-right: 5px;
}

.error-desc
{
  /*position: absolute;*/
  color: #d7494e;
  font-weight: bold;
   width: 190px;
}
.form .textsmall{
	width: 15px;
}
.form .text.cost {
    background:url(../images/bg20.png) no-repeat;
    padding-left: 15px;
}

.form .text.small{
	width:25px;
	margin:0 2px 0 0;
}
.form .text.middle{width:33px;}
.form .input-holder{
	display:inline-block;
	vertical-align:middle;
	width:211px;
}
*+html .form .input-holder,
*+html .select-holder{display:inline;}
.form .text.focus,
.form .text.text-active{
	border-color:#FFBF00;
	-webkit-box-shadow:0 0 4px 0 #c9dcf0, 0 1px 1px 0 #ddd inset;
	-moz-box-shadow:0 0 4px 0 #c9dcf0, 0 1px 1px 0 #ddd inset;
	box-shadow:0 0 4px 0 #c9dcf0, 0 1px 1px 0 #ddd inset;
	background-color:#F2F5A9;
}
.form .divider{
	display:inline-block;
	vertical-align:top;
	font-size:0;
	line-height:0;
	overflow:hidden;
	background:url(../images/divider.gif) no-repeat;
	width: 7px;
	height: 2px;
	margin:14px 0 0 -2px;
}
*+html .form .divider{margin:14px 3px 0 -2px;}
.select-holder{
	display:inline-block;
	vertical-align:middle;
	width:212px;
}
*+html .select-holder{margin:0 3px 0 0;}

.form select{
  /*border: 1px solid #ccc;
  vertical-align: super;
	margin:0;
	padding:0;
	width:212px;*/
}
.form .checkbox{
	width:13px;
	height:13px;
	padding:0;
	margin:2px 7px 0 0;
	float:left;
}
.form .radio{
  margin: 0 1px;
  vertical-align: baseline;
}
.form input.indent{
  margin: 0 0 0 20px;
}

.form .info{
	display:inline-block;
	vertical-align:middle;
	width: 22px;
	height: 21px;
}
.form .info em{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/i1.png) no-repeat;
	width: 22px;
	height: 21px;
}
.field-error{
  color: #d7494e;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.field-wrapper{
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.field-wrapper-content{
  width: auto;
  min-width: 190px;
  display: inline-block;
  background: #F4F4F4;
  vertical-align: top;
  padding: 10px;
  
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.field-wrapper .fwrow{
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
.field-wrapper label{
  width: auto !important;
}
.field-wrapper .fwrow:last-child{
  margin-bottom: 0;
}
.local-area{
  font-weight: normal !important;
  padding-top: 2px !important;
}
.green{
  color: #74903b;
}
.nofloat{
  float: none !important;
}
.container .foot-info{
	background:url(../images/bg3.gif) repeat-x;
	padding:21px 20px 20px;
	overflow:hidden;
}

/* !Buttons */
.btn{
	/*background: url(../images/sp1.png);*/
	/*text-indent: -9999px;*/
	display: inline-block;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	/*border:0;
	background: none repeat scroll 0 0 #6C060A;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;*/
}
.btn-image{
	background: url(../images/sp1.png);
	text-indent: -9999px;
	display: inline-block;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	/*border:0;
	background: none repeat scroll 0 0 #6C060A;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;*/
}

.btn-back{
  background-position: -3px -4px;
  width: 73px;
  height: 48px;
  float:left;
  margin:0 12px 0 0;
}
.btn-back:hover{
  background-position:-79px -4px;
}

.btn-next{
  background-position: -154px -4px;
  width: 68px;
  height: 48px;
  float:right;
  margin:0 0 0 12px;
}
.btn-next:hover{
  background-position:-225px -4px;
}
.btn-continue{
  background-position: -295px -4px;
  width: 97px;
  height: 48px;
  float:right;
  margin:0 0 0 14px;
}
.fancybox-inner .btn-continue{
  background-position: -295px -4px;
  width: 97px;
  height: 48px;
  float: none;
  margin-left: 175px;
}
.btn-continue:hover{
  background-position:-505px -4px;
}
.btn-deleteitem {
    float: left;
    margin: 0 12px 0 0;
    width: 62px;
    text-decoration:none;
    /*background: none repeat scroll 0 0 #08298A;*/
    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    color: #FFFFFF;
    position: relative;
    /*font: 13px arial,sans-serif;*/
    padding:8px;
}
.btn-deleteitem:hover {
    text-decoration:none;
    background-color: #357AE8;
    background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
    border: 1px solid #2F5BB7;
}
.btn-cancel{
  /*background-position: -442px -263px;*/
    float: left;
    margin: 0 12px 0 0;
    width: 62px;
    text-decoration:none;
    /*background: none repeat scroll 0 0 #08298A;*/
    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    color: #FFFFFF;
    position: relative;
    padding:8px;
}
.btn-cancel:hover{
	text-decoration:none;
    background-color: #357AE8;
    background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
    border: 1px solid #2F5BB7;
  
}
.btn-capnhat{
  /*background-position: -442px -263px;*/
    float: left;
    width: 82px;
    text-decoration:none;
    /*background: none repeat scroll 0 0 #08298A;*/
    background-color: #D14836;
    background-image: -moz-linear-gradient(center top , #DD4B39, #D14836);
    /*border: 1px solid #C53727;*/
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    position: relative;
    padding:5px;
    /*text-transform:uppercase;*/
    font: 12px/16px Arial,Helvetica,sans-serif;
    font-weight: bold;
    
}
.btn-capnhat:hover{
	text-decoration:none;
    background-color: #C53727;
    background-image: -moz-linear-gradient(center top , #DD4B39, #C53727);
    border-color: #B0281A #B0281A #AF301F;
    /*border: 1px solid #C53727;*/
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.btn-capnhat-blue{
  /*background-position: -442px -263px;*/
    float: left;
    width: 82px;
    text-decoration:none;
    /*background: none repeat scroll 0 0 #08298A;*/
    background-color: #4d90fe;
    background-image: -moz-linear-gradient(center top , #0040FF, #08088A);
    /*border: 1px solid #C53727;*/
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    position: relative;
    padding:5px;
    /*text-transform:uppercase;*/
    font: 12px/16px Arial,Helvetica,sans-serif;
    font-weight: bold;
    
}
.btn-capnhat-blue:hover{
	text-decoration:none;
    background-color: #357ae8;
    background-image: -moz-linear-gradient(center top , #0040FF, #0B0B61);
    border-color: #2f5bb7;
    /*border: 1px solid #C53727;*/
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.btn-capnhat-disable{
    float: left;
    width: 82px;
    text-decoration:none;
    /*background: none repeat scroll 0 0 #08298A;*/
    background-color: #F6D8CE;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #F6D8CE);
    /*border: 1px solid #C53727;*/
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    color: #D8D8D8;
    position: relative;
    padding:5px;
    text-transform:uppercase;
    font: 12px/16px Arial,Helvetica,sans-serif;
    font-weight: bold;
    cursor:pointer;
}
.btn-delete{
  background-position: -76px -59px;
  width: 95px;
  height: 34px;
  float:right;
}
.btn-delete:hover{
  background-position: -6px -387px;
  width: 95px;
  height: 34px;
  float:right;
}

.btn-get-template{
  background-position: -176px -59px;
  width: 105px;
  height: 35px;
  margin: 5px 0 0 -2px
}

.btn-get-template:hover{
  background-position: -576px -59px;
}

.btn-upload-users{
  background-position: -285px -59px;
  width: 105px;
  height: 35px;
  margin: 5px 0 0 -2px
}

.btn-upload-users:hover{
  background-position: -685px -59px;
}

.btn-upload-again{
  background-position: -394px -59px;
  width: 107px;
  height: 35px;
  margin: 5px 0 0 -2px
}
.btn-add-user{
  background-position: -396px -4px;
  width: 80px;
  height: 36px;
  vertical-align: middle;
}
.btn-add-user:hover{
  background-position: -626px -4px;
}
.btn-add-users-now{
  background-position: -4px -100px;
  width: 153px;
  height: 47px;
  margin: 0;
}
.btn-add-users-now:hover{
  background-position: -710px -6px;
}
.btn-complete{
  background-position: -159px -100px;
  width: 107px;
  height: 48px;
  float:right;
  margin:0 0 0 12px;
}
.btn-complete:hover{
  background-position: -510px -100px;
}
.btn-choose-file{
  background-position: -267px -100px;
  width: 98px;
  height: 35px;
  vertical-align: middle;
  margin-left: -3px;
}
.btn-choose-file:hover{
  background-position: -1493px -100px;
}
.btn-import-disabled {
  background-position: -367px -100px;
  width: 66px;
  height: 35px;
  vertical-align: middle;
  float: right;
  margin-right:-5px;
}
.btn-import {
  background-position: -507px -58px;
  width: 66px;
  height: 35px;
  vertical-align: middle;
  float: right;
  margin-right:-5px;
}
.btn-import:hover {
  background-position: -624px -100px;
}
.btn-x{
  background-position: -476px -4px;
  width: 23px;
  height: 23px;
}
.btn-x:hover{
  background-position: -894px -4px;
}
.btn-x-light{
  background-position: -876px -220px;
  width: 23px;
  height: 23px;
}
.btn-x-light:hover{
  background-position: -901px -220px;
}
.btn-editpen{
  background-position: -105px -385px;
  width: 23px;
  height: 23px;
  margin-right: 45px;
}
.btn-editpen:hover{
  background-position: -129px -385px;
}
.btn-find{
  background-position: -720px -230px;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 33px;
  top: 5px;
}
.btn-find:hover{
  background-position: -745px -230px;
}
.btn-getnumber-gray{
  background-position: -229px -151px;
  width: 97px;
  height: 35px;
  vertical-align: middle;
}
.btn-getnumber-blue{
  background-position: -128px -151px;
  width: 97px;
  height: 35px;
  vertical-align: middle;
}
.btn-getnumber-blue:hover{
  background-position: -621px -151px;
}
.btn-send-email{
  background-position: -329px -151px;
  width: 97px;
  height: 35px;
  margin: -3px 0 0;
  float: right;
}
.btn-send-email:hover{
  background-position: -721px -151px;
}
.btn-close{
  background-position: -434px -100px;
  width: 73px;
  height: 47px;
  float: right;
}
.btn-close:hover{
  background-position: -794px -100px;
}

.btn-print{
  background-position: -5px -192px;
  width: 43px;
  height: 27px;
  float: right;
  margin: 4px -5px 0 4px;
}
.btn-print:hover{
  background-position: -45px -313px;
}

.btn-printreceipt{
  background-position: -5px -192px;
  width: 43px;
  height: 27px;
  right: 5px;
  top: 5px;
  position:absolute;
}
.btn-printreceipt:hover{
  background-position: -481px -313px;
}

.btn-go{
  background-position: -458px -151px;
  width: 33px;
  height: 28px;
  vertical-align: middle;
}
.btn-go:hover{
  background-position: -91px -312px;
}

.btn-go.filter{
  margin-left: -10px;
}

.btn-reload{
  background-position: -498px -189px;
  width: 90px;
  height: 26px;
  vertical-align: middle;
  margin: -1px -2px 0 5px;
}
.btn-reload:hover{
  background-position: -126px -313px;
}

.btn-plus{
  background-position: -428px -152px;
  width: 28px;
  height: 26px;
}
.btn-plus:hover{
  background-position: -219px -313px;
}
.btn-minus{
  background-position: -886px -100px;
  width: 28px;
  height: 26px;
  vertical-align: middle;
  margin-right:-3px;
}
.btn-minus:hover{
  background-position: -886px -130px;
}
.btn-addleadseller {
  background-position: -3px -151px;
  width: 122px;
  height: 37px;
  vertical-align: middle;
  float: right;
}
.btn-addleadseller:hover {
  background-position: -496px -151px;
}



.btn-leads-on,.btn-leads-off,.btn-calls-on,.btn-calls-off{ width: 70px; height: 26px; float: left; margin-left: 5px; }
.btn-leads-on{ background-position: -53px -192px; }
.btn-leads-off{ background-position: -202px -192px; }
.btn-calls-on{ background-position: -277px -192px; }
.btn-calls-off{ background-position: -128px -192px; }
.btn-leads-off:hover{ background-position: -53px -192px; }
.btn-leads-on:hover{ background-position: -202px -192px; }
.btn-calls-off:hover{ background-position: -277px -192px; }
.btn-calls-on:hover{ background-position: -128px -192px; }

.btn-go-search{
    background-position: -457px -183px;
    height: 33px;
    margin-left: 5px;
    margin-top: 3px;
    margin-right: -3px;
    vertical-align: middle;
    width: 39px;
}
.btn-go-search:hover{
    background-position: -3px -313px;
}
.btn-gray-x {
  background-position: -920px -7px;
  width: 14px;
  height: 17px;
}

.btn-prev-arrow{
    background-position: -805px -56px;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}
.btn-next-arrow{
    background-position: -835px -56px;
    height: 24px;
    width: 25px;
    vertical-align: middle;
}
.btn-next-arrow:hover{
    background-position: -867px -3px;
}
.btn-previous-small{
    background-position: -643px -190px;
    height: 26px;
    width: 69px;
}
.btn-previous-small:hover{
    background-position: -308px -314px;
}
.btn-next-small{
    background-position: -590px -190px;
    height: 26px;
    width: 48px;
}
.btn-next-small:hover{
    background-position: -255px -314px;
}
.btn-submit-page{
    background-position: -511px -262px;
    height: 37px;
    width: 68px;
    float: right;
}
.btn-submit-page:hover{
    background-position: -616px -348px;
}
.btn-cancel-page{
    background-position: -441px -262px;
    height: 37px;
    width: 68px;
    float: left;
}
.btn-cancel-page:hover{
    background-position: -546px -348px;
}
.btn-set-appointment{
    background-position: -114px -224px;
    height: 35px;
    width: 126px;
}
.btn-set-appointment:hover{
    background-position: -120px -349px;
}
.btn-update-appointment{
    background-position: -221px -486px;
    height: 35px;
    width: 150px;
    margin-right: 10px;
}
.btn-update-appointment:hover{
    background-position: -373px -486px;
}
.btn-commit-action{
    background-position: -353px -224px;
    height: 35px;
    width: 116px;
}
.btn-commit-action:hover{
    background-position: -3px -349px;
}
.btn-provision{
    background-position: -203px -261px;
    height: 35px;
    width: 235px;
    display: inline-block;
    vertical-align: middle;

}
.btn-provision:hover{
    background-position: -690px -347px;

}
.btn-provision-disabled{
    background-position: -280px -570px;
    height: 35px;
    width: 235px;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}
.btn-print-small{
  background-position: -5px -192px;
  width: 43px;
  height: 27px;
}
.btn-print-small:hover{
  background-position: -481px -313px;
}
.btn-close-small{
  background-position: -2px -528px;
  width: 49px;
  height: 27px;
  float: right;
}
.btn-close-small:hover{
  background-position: -52px -528px;
}
.btn-cancel-small{
  background-position: -813px -189px;
  width: 58px;
  height: 27px;
}
.btn-cancel-small:hover{
  background-position: -870px -189px;
}
.btn-submit-small{
  background-position: -358px -191px;
  width: 59px;
  height: 27px;
}
.btn-submit-small:hover{
  background-position: -526px -313px;
}
.btn-edit-small{
  background-position: -770px -189px;
  width: 43px;
  height: 27px;
}
.btn-delete-small{
  background-position: -713px -189px;
  width: 56px;
  height: 27px;
}
.btn-delete-small:hover{
  background-position: -378px -313px;
}

.btn-done{
  background-position: -821px -152px;
  width: 56px;
  height: 35px;
}
.btn-addnewuser{
  background-position: -471px -227px;
  width: 99px;
  height: 28px;
  vertical-align: middle;
}
.btn-addnewuser:hover{
  background-position: -250px -348px;
}
.btn-exportexcel{
  background-position: -757px -268px;
  width: 102px;
  height: 28px;
  margin-top: 5px;
}
.btn-exportexcel:hover{
  background-position: -757px -300px;
}
.btn-addleadsource{
  background-position: -572px -227px;
  width: 143px;
  height: 28px;
}
.btn-addleadsource:hover{
  background-position: -588px -313px;
}
.toggle-on-on{ 
  background-position: -582px -270px;
  width: 41px;
  height: 22px;
  }
.toggle-off-off{ 
  background-position: -623px -270px;
  width: 41px;
  height: 22px;
  }
.toggle-on-off{ 
  background-position: -669px -270px;
  width: 41px;
  height: 22px;
  }
.toggle-off-on{ 
  background-position: -710px -270px;
  width: 41px;
  height: 22px;
  }
.btn-upload-leads{ 
  background-position: -155px -395px;
  width: 107px;
  height: 35px;
}
.btn-upload-leads:hover{ 
  background-position: -760px -395px;
}
.btn-upload-leads-gray{
  background-position: -487px -395px;
  width: 107px;
  height: 35px;
}
.btn-view-example-file{ 
  background-position: -265px -395px;
  width: 138px;
  height: 35px;
}
.btn-view-example-file:hover{ 
  background-position: -5px -424px;
}
.btn-continue-gray{ 
  background-position: -402px -395px;
  width: 80px;
  height: 38px;
}
.btn-continue-blue{ 
  background-position: -595px -395px;
  width: 80px;
  height: 38px;
}
.btn-continue-blue:hover{ 
  background-position: -677px -395px;
}
.btn-back-light{ 
  background-position: -864px -257px;
  width: 52px;
  height: 35px;
}
.btn-back-light:hover{ 
  background-position: -922px -257px;
}
.btn-next-gray{ 
  background-position: -866px -298px;
  width: 49px;
  height: 35px;
}
.btn-next-blue{ 
  background-position: -922px -297px;
  width: 49px;
  height: 35px;
}
.btn-next-blue:hover{ 
  background-position: -927px -349px;
}
.btn-getstarted{ 
  background-position: -155px -434px;
  width: 122px;
  height: 46px;
}
.btn-getstarted:hover{ 
  background-position: -394px -434px;
}
.btn-downarrow{ 
  background-position: -774px -229px;
  width: 20px;
  height: 23px;
}
.btn-importleads-gray{ 
  background-position: -283px -435px;
  width: 105px;
  height: 35px;
}
.btn-importleads-blue{ 
  background-position: -3px -486px;
  width: 105px;
  height: 35px;
}
.btn-importleads-blue:hover{ 
  background-position: -111px -486px;
}
.btn-view-unmatched{ 
  background-position: -520px -440px;
  width: 178px;
  height: 33px;
  margin-right: -5px;
}
.btn-view-unmatched:hover{ 
  background-position: -703px -440px;
}
.btn-delete-lead {
  background-position: -524px -485px;
  width: 105px;
  height: 37px;
}
.btn-delete-lead:hover {
  background-position: -634px -485px;
  width: 105px;
  height: 37px;
}

.btn-reassign-lead {
  background-position: -742px -485px;
  width: 114px;
  height: 37px;
}
.btn-reassign-lead:hover {
  background-position: -860px -485px;
  width: 114px;
  height: 37px;
}
.btn-reassign-delete-lead {
  background-position: -106px -528px;
  width: 220px;
  height: 37px;
}
.btn-reassign-delete-lead:hover {
  background-position: -336px -528px;
  width: 220px;
  height: 37px;
}
.btn-delete-lead-source {
  background-position: -563px -528px;
  width: 141px;
  height: 37px;
}
.btn-delete-lead-source:hover {
  background-position: -709px -528px;
  width: 141px;
  height: 37px;
}
.btn-ok{
  background-position: -852px -528px;
  width: 61px;
  height: 37px;
}
.btn-ok:hover {
  background-position: -916px -528px;
  width: 61px;
  height: 37px;
}
.btn-show-leads {
  background-position: -4px -570px;
  width: 135px;
  height: 37px;
}
.btn-show-leads:hover {
  background-position: -143px -570px;
  width: 135px;
  height: 37px;
}

.btn-ignore {
  background-position: -919px -28px;
  width: 63px;
  height: 34px;
}
.btn-ignore:hover {
  background-position: -919px -68px;
  width: 63px;
  height: 34px;
}
.btn-dismissreminder {
  background-position: -3px -610px;
  width: 139px;
  height: 34px;
}
.btn-dismissreminder:hover {
  background-position: -145px -610px;
  width: 139px;
  height: 34px;
}
.btn-optout {
  background-position: -289px -610px;
  width: 196px;
  height: 34px;
}
.btn-optout:hover {
  background-position: -488px -610px;
  width: 196px;
  height: 34px;
}
.btn-adduser {
  background-position: -762px -570px;
  width: 82px;
  height: 34px;
}
.btn-adduser:hover {
  background-position: -848px -570px;
  width: 82px;
  height: 34px;
}
.btn-addusersnow {
  background-position: -517px -570px;
  width: 119px;
  height: 34px;
}
.btn-addusersnow:hover {
  background-position: -639px -570px;
  width: 119px;
  height: 34px;
}

.btn-today {
  background-position: -3px -648px;
  width: 166px;
  height: 36px;
}
.btn-today:hover { background-position: -170px -648px; }

.btn-yesterday {
  background-position: -339px -648px;
  width: 166px;
  height: 36px;
}
.btn-yesterday:hover { background-position: -509px -648px; }

.btn-last7days {
  background-position: -3px -691px;
  width: 166px;
  height: 36px;
}
.btn-last7days:hover { background-position: -170px -691px; }

.btn-lastweeksun {
  background-position: -339px -691px;
  width: 166px;
  height: 36px;
}
.btn-lastweeksun:hover { background-position: -509px -691px; }

.btn-lastweekfri {
  background-position: -681px -648px;
  width: 166px;
  height: 36px;
}
.btn-lastweekfri:hover { background-position: -681px -691px; }

.btn-last30days {
  background-position: -3px -735px;
  width: 166px;
  height: 36px;
}
.btn-last30days:hover { background-position: -170px -735px; }

.btn-lastmonth {
  background-position: -339px -735px;
  width: 166px;
  height: 36px;
}
.btn-lastmonth:hover { background-position: -509px -735px; }

.btn-thismonth {
  background-position: -3px -777px;
  width: 166px;
  height: 36px;
}
.btn-thismonth:hover { background-position: -170px -777px; }

.btn-alltime {
  background-position: -339px -777px;
  width: 166px;
  height: 36px;
}
.btn-alltime:hover { background-position: -509px -777px; }

.btn-viewlead {
  background-position: -890px -398px;
  width: 88px;
  height: 36px;
}
.btn-viewlead:hover { background-position: -890px -436px; }

.btn-deleteuser{
  background-position: -781px -608px;
  width: 94px;
  height: 36px;
}
.btn-deleteuser:hover { background-position: -685px -608px;}

.btn-signin{
  background-position: -848px -648px;
  width: 69px;
  height: 37px;
}
.btn-signin:hover { background-position: -848px -686px}

.btn-submit{
  background-position: -682px -727px;
  width: 74px;
  height: 37px;
}
.btn-submit:hover { background-position: -756px -727px; }


.btn.left{
  float: left;
}
.btn.right{
  float: right;
}
.btn.center{
  margin-left: auto;
  margin-right: auto;
}
/* !Buttons - END */

.bubble{
  position: absolute;
  left: 300px;
  top: 10px;
  width: 470px;
  padding: 15px;
  background: #FFFFFF;
  border: 1px solid #C5C4C4;
  z-index: 999;
  font: normal 13px/1.2 Arial, sans-serif;
  
  -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
  
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4;
	box-shadow:0 2px 2px 0 #e4e4e4;
}
.bubble .arr{
  background: url(../images/a8-white-left.png);
  width: 10px;
  height: 16px;
  position: absolute;
  left: -10px;
  top: 15px;
  display: block;
}
.bubble .btn-x-light{
  position: absolute;
  right: 0px;
  top: 5px;
}
.bubble li{
  margin: 0 0 0 12px;
  list-style: disc;
}
.bubble ul, .bubble p{
  margin: 0 0 10px 0;
}
.bubble ul{
  margin: 0 0 10px 15px;
}
.bubble > *:last-child{
  margin-bottom: 0;
}

.foot-info .check-block{
	float:right;
	padding:14px 0 0 10px;
	line-height:17px;
}
.foot-info .link{
	padding:30px 0 0 5px;
	vertical-align: middle;
}
.foot-info .left{
  float: left; 
  padding: 14px 0 0;
}
.foot-info .check-block label{float:left;}
.form .box{
	border:1px solid #c5c4c4;
	padding:10px 14px;
	position:relative;
	overflow:hidden;
	margin:0 0 19px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	background: rgb(255,255,255);
	/*background: url();
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(254,254,254,1) 31%, rgba(247,247,247,1) 92%, rgba(247,247,247,1) 98%, rgba(251,251,251,1) 99%, rgba(251,251,251,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(31%,rgba(254,254,254,1)), color-stop(92%,rgba(247,247,247,1)), color-stop(98%,rgba(247,247,247,1)), color-stop(99%,rgba(251,251,251,1)), color-stop(100%,rgba(251,251,251,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 31%,rgba(247,247,247,1) 92%,rgba(247,247,247,1) 98%,rgba(251,251,251,1) 99%,rgba(251,251,251,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 31%,rgba(247,247,247,1) 92%,rgba(247,247,247,1) 98%,rgba(251,251,251,1) 99%,rgba(251,251,251,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 31%,rgba(247,247,247,1) 92%,rgba(247,247,247,1) 98%,rgba(251,251,251,1) 99%,rgba(251,251,251,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 31%,rgba(247,247,247,1) 92%,rgba(247,247,247,1) 98%,rgba(251,251,251,1) 99%,rgba(251,251,251,1) 100%);
	-pie-background: linear-gradient(rgb(255,255,255), rgb(251,251,251));*/
}
.form .box .col{
	width:360px;
	border:solid #c5c4c4;
	border-width:0 1px 0 0;
	padding:3px 20px 4px 0;
}
.form .box .col+.col{
	border-width:0 0 0 1px;
	margin:0 0 0 -1px;
	padding:3px 0 4px 14px;
	width:350px;
}
.form .box .row{padding:0;}
.form .box label,
.form .box .col+.col label{
	font-weight:normal;
	width:auto;
	padding:0 6px 0 0;
}
.box .select-holder{width:auto;}
.table{
	font-size:13px;
	line-height:17px;
	position:relative;
	background:#fff;
	margin:0 0 27px;
	border:1px solid #c5c4c4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4;
	box-shadow:0 2px 2px 0 #e4e4e4;
}
#popup-deleteusers .table {
	font-size:13px;
	line-height:17px;
	position:relative;
	background:#fff;
	margin:0 0 13px;
	border:1px solid #c5c4c4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4;
	box-shadow:0 2px 2px 0 #e4e4e4;
}
.table .title{
	overflow:hidden;
	width:768px;
	margin:-1px -1px 0;
	font-weight:bold;
}

.table .title span{
	/*font-weight: normal;*/
}
.table .title span.right{
	float: right;
}
.table .title span.print{
	background: url(../images/i2.png) no-repeat 0% 50%;
  padding-left: 20px;
}

.table .col1{
	float:left;
	width:62px;
  min-height:1px;
	padding:0 1px 0 2px;
}
.table .col2{width:428px;}
.table .col3{width:194px;}
.table .col4{width:70px;}
.table .col5{width:689px;}
.table .col123{width:684px;}
.table .colfull{width:763px;}
.table .colheader{width:120px;}
.table .coltext{width:220px;}
.table .clearright{width:560px;}
.table .rightalign{text-align: right; }
.table .leftalign{text-align: left; }
.table .centeralign{text-align: center; }
.table .centeralign .jcf-class-checkbox{ float: none; margin: 3px auto 0;}

.table.emailoptout .centeralign{text-align: center; }
.table.emailoptout .centeralign .jcf-class-checkbox{ float: left; margin: 0 25px;}

.table .line{
	padding:7px 10px 6px;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
}
.table .line.multi{
	border:0
}
.table .line.multi .col1{
	margin-bottom: 5px;
}
.table .line .total{
	border-top: 1px solid #E5E5E5;
  font-weight: bold;
  padding-top: 5px;
  margin-top: 5px;
  font-size: 110%;
}
.table .selected-line{
	font-weight:bold;
	background:#f8f5ed;
}
.table .disabled-line{
	font-weight:normal !important;
	color: #b3b3b3;
}
.table label{
	display:inline-block;
	vertical-align:top;
	margin:0 2px 0 0;
}
.table .info{
	position:relative;
	margin:-1px 0 0;
}
.table .footer{
	overflow:hidden;
	position:relative;
	padding:10px 10px 12px;
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	background:#f8f8f8;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
    border-top:1px solid #e5e5e5;
}
.table .warning-box {
	color: #d7494e;
	background-color: #faf3f3;
	border-color: #c5c4c4;
	padding: 15px;
}
.table2 .title{ background: #F8F5ED; padding: 0; width: 788px; }
.table2 .col1{ padding: 9px 10px; border-right: 1px solid #C5C4C4; min-height: 17px; }
.table2 .col1:last-child{ border-right: 0; }
.table2 .line{ padding: 0; width: 788px; }
.table2 .error-field{ background: #FAF3F3; }
.table2 .error-descr{ color: #d7494e; }
.table2 .btn-x{ vertical-align: top; }
.line .number{ 
  display: inline-block; 
  float: left; 
  margin: -9px 10px -9px -10px;
  padding: 9px 8px;
  background: #F3F3F3; 
}

/* !Tables configuration */
#users-list .col1{width: 120px;}
#users-list .col2{width: 120px;}
#users-list .col3{width: 235px;}
#users-list .col4{width: 126px;}
#users-list .col5{width: 82px;}
#users-list-errors .col1{width: 90px;}
#users-list-errors .col2{width: 90px;}
#users-list-errors .col3{width: 180px;}
#users-list-errors .col4{width: 90px;}
#users-list-errors .col5{width: 60px;}
#users-list-errors .col6{width: 153px;}
#emails-list .col1{width: 320px;}
#emails-list .col2{width: 345px;}
#emails-list .col3{width: 70px;}
#leads-list{ margin: 0 0 5px; }
#leads-list .col1{width: 229px;}
#leads-list .col2{width: 180px;}
#leads-list .col3{width: 165px;}
#leads-list .col4{width: 65px;}
#leads-list .col5{width: 20px;}
#leads-list .title{ width: auto;}
#leads-list .line{ width: auto;}
#leads-list  .title .deletecol{ background: #ECE9E2; padding: 9px 7px 9px 6px; }
#leads-list  .line .deletecol{ background: #F3F3F3; padding: 9px 8px 3px 5px; text-align: center; }

.table-flow{ margin: 0; border: 0; }
.table-flow, .table-flow .title, .table-flow .line{ width: auto; padding: 0; margin: 0; }
.table-flow .title{ background: #f3f3f3; border-width: 0; 
  box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; 
  border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
}
.table-flow .line{ border-width: 1px 0 0;}
.table-flow .col1{ width: 450px; padding: 10px; }
.table-flow .col2{ width: 80px; }
.table-flow .col3{ width: 80px; }
.table-flow .col4{ width: 80px; }
.table-flow .col5{ width: 80px; }
.table-flow .col6{ width: 80px; }
.table-flow .scroll{ height: 266px; overflow: auto; }


.table-metrics{ margin: 0; }
.table-metrics, .table-metrics .title{
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: none;
  width: auto;
  text-align: center;
}
.table-metrics .title{ font: bold 13px/1 Arial, sans-serif; }
.table-metrics .col1{width: 19.6%;}
.table-metrics .line{ font: bold 33px/1 Arial, sans-serif; color: #62819c; }


.table-metrics.emails-summary .col1{width: 12%;}
.table-metrics.emails-summary .col2{width: 15%;}
.table-metrics.emails-summary .col4{width: 15%;}
.table-metrics.emails-summary .col5{width: 15%;}
.table-metrics.emails-summary .col6{width: 15%;}
.table-metrics.emails-summary .col7{width: 12%;}
.table-metrics.emails-statistics .col1{width: 23.9%;}

.table-metrics .line .note{
  display: block;
  margin-top: 5px;
  font: normal 15px/1 Arial, sans-serif;
  color: #464646;
}
.table-metrics .line .note span{
  color: #125b96;
}

.table-leads{
  border-radius: 0 0 10px 10px; 
  -moz-border-radius: 0 0 10px 10px; 
  -webkit-border-radius: 0 0 10px 10px;
  overflow: hidden;
}
.table-leads .col1{ width: 10%; padding: 0; border: 0; }
.table-leads .col2{ width: 10%; }
.table-leads .col3{ width: 10%; }
.table-leads .col4{ width: 9%; }
.table-leads .col5{ width: 9%; }
.table-leads .col6{ width: 6%; }
.table-leads .col7{ width: 9%; }
.table-leads .col8{ width: 6%; }
.table-leads .col9{ width: 10%; }
.table-leads .col10{ width: 10%; }
.table-leads .col11{ width: 5%; }
.table-leads .col12{ width: 55px; float: right; border-left: 1px solid #C5C4C4; }

.table-leads.user .col2{ width: 12%; }
.table-leads.user .col3{ width: 14%; }

.table-leads.manageusers .col1{ width: 24%; padding: 0; border: 0; }
.table-leads.manageusers .col2{ width: 24%; }
.table-leads.manageusers .col3{ width: 15%; }
.table-leads.manageusers .col4{ width: 15%; }
.table-leads.manageusers .col5{ width: 15%; border-right: 0; }
.table-leads.manageusers .col5 .w{ border-right: 0; }
.table-leads.manageusers .col12{ width: 55px; float: right; border-left: 1px solid #C5C4C4; }

.table-leads.emailslist .col1{ width: 10%; padding: 0; border: 0; }
.table-leads.emailslist .col2{ width: 20%; }
.table-leads.emailslist .col3{ width: 25%; }
.table-leads.emailslist .col4{ width: 15%; }
.table-leads.emailslist .col5{ width: 15%; }
.table-leads.emailslist .col6{ width: 15%; }


.table-leads.leadsource .col1{ width: 29%; padding: 0; border: 0; }
.table-leads.leadsource .col2{ width: 20%; }
.table-leads.leadsource .col3{ width: 29%; }
.table-leads.leadsource .col4{ width: 12%; }
.table-leads.leadsource .col4 .w{ border-right: 0; }
.table-leads.leadsource .col12{ width: 55px; float: right; border-left: 1px solid #C5C4C4; }

.table-leads.emailoptout .col1{ width: 45%; padding: 0; border: 0; }
.table-leads.emailoptout .col2{ width: 45%; }
.table-leads.emailoptout .col2 .w{ border-right: 0; }
.table-leads.emailoptout .col12{ width: 85px; float: right; border-left: 1px solid #C5C4C4; }
.table-leads.emailoptout .wrapper { padding: 15px; }

.table-leads.milestonereport .col1{ width: 22%; padding: 0; border: 0; }
.table-leads.milestonereport .col2{ width: 16%; text-align: right; }
.table-leads.milestonereport .col3{ width: 14%; text-align: right; }
.table-leads.milestonereport .col4{ width: 9%; text-align: right; }
.table-leads.milestonereport .col5{ width: 7%; text-align: right; }
.table-leads.milestonereport .col6{ width: 9%; text-align: right; }
.table-leads.milestonereport .col7{ width: 7%; text-align: right; }
.table-leads.milestonereport .col8{ width: 9%; text-align: right; }
.table-leads.milestonereport .col9{ width: 7%; text-align: right; }
.table-leads.milestonereport .col4 .w{ border-right: 1px solid #d8dde1; }
.table-leads.milestonereport .col6 .w{ border-right: 1px solid #d8dde1; }
.table-leads.milestonereport .col8 .w{ border-right: 1px solid #d8dde1; }

.table-leads.returnleads .col1{ width: 25%; padding: 0; border: 0; }
.table-leads.returnleads .col2{ width: 16%; }
.table-leads.returnleads .col3{ width: 12%; }
.table-leads.returnleads .col4{ width: 12%; }
.table-leads.returnleads .col5{ width: 12%; }
.table-leads.returnleads .col6{ width: 22%; }

.table-leads.leadfunnel .col1{ width: 150px; padding: 0; border: 0; }

.table-leads .col1 .w{ 
  display: block;
  padding:10px; 
  border-right: 1px solid #C5C4C4;
  overflow: hidden;
}
.table-leads .line div:last-child .w{ border-right: none; }
.table-leads .title div:last-child .w{ border-right: none; }
.table-leads .col11 .w{ border-right: 0; }

.table-leads .title{
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  -moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  width: auto;
  font: bold 11px/1 Arial, sans-serif;
  color: #464646;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #C5C4C4;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #E8F1F9;
}
.table-leads .title a { 
  color: #125b96;
  display: block;
}
.table-leads .title a.sort { 
  background: url(../images/a3.gif) no-repeat 100% 5px;
  padding-right: 20px;
}


.table-leads .title .col12 .w{ background: #E0E9F1; }
.table-leads .line{ padding: 0; font: normal 11px/1.1 Arial, sans-serif; }
.table-leads .line .col12 .w{
  position: relative;
  height: 12px;
  background: #F2F2F2;
}
.table-leads .line .btn-x{
  margin: -5px 0 0 -10px;
  position: absolute;
  left: 50%;
}

/*Review Match Table*/
.table-reviewmatch .w{
  padding: 5px 10px;
  display: block;
  line-height: 21px;
}
.col1 input.textintable{
  border: 0;
  display: inline-block;
  height: 17px;
  margin: 0;
  padding: 6px 10px 7px;
  font: normal 13px/1 Arial, sans-serif;
  color: #464646;
 
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
}
.col1 input.textintable.focus, .col1 input.textintable.text-active{
  /*box-shadow: none;*/
}
.col1.done{
  background: #E9F5E9 url(../images/a4-small.png) no-repeat 98% 50%;
}
.col1.error{
  

  
  position: relative;
}
.col1.error .textintable{
  box-shadow: 0 0px 2px 2px #f4cecf inset;
  -moz-box-shadow: 0 0px 2px 2px #f4cecf inset;
  -webkit-box-shadow: 0 0px 2px 2px #f4cecf inset;
  outline: 1px solid #E27E81;
}
.col1.error .btn-downarrow{
  position: absolute;
  top: 6px;
  right: 5px;
}
.col1.error .more-options{
  display: none;
  position: absolute;
  top: 6px;
  right: 5px;
  padding: 10px;
  line-height: 20px;
  
  background: #fff;
  border: 1px solid #C5C5C5;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  box-shadow: 2px 2px 2px 0 #E4E4E4;
  -moz-box-shadow: 2px 2px 2px 0 #E4E4E4;
  -webkit-box-shadow: 2px 2px 2px 0 #E4E4E4;
}
.col1.error .more-options a{
  display: block;
}

.table-reviewmatch .title{ 
  width: auto;
  padding: 0;
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  background: #F8F5ED;
}
.table-reviewmatch .line{ padding: 0; } 



.table-reviewmatch-fixed{ 
  float: left; 
  width: 267px; 
  border-radius: 5px 0 0 5px; 
  position: relative; 
  z-index: 20;
  overflow: hidden;
  
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
}
.table-reviewmatch-fixed .col1{ width: 65px; padding: 0; border-right: 1px solid #C5C4C4; }
.table-reviewmatch-fixed .col2{ width: 100px; }
.table-reviewmatch-fixed .col3{ width: 100px; border-right: none; }
.table-reviewmatch-fixed .col-n{ text-align: right; background: #F3F3F3; }
.table-reviewmatch-fixed .btn-x-light{ vertical-align: top; margin-top: -2px; float: left; }


.table-reviewmatch-scroll{ 
  width: 488px;
  border-radius: 5px 0 0 5px;
  margin-left: 268px;
  margin-bottom:15px;
  border-left: none;
  position: relative; z-index: 10;
  
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
}
.table-reviewmatch-scroll .scroll-tip{
  position: absolute;
  display: inline-block;
  width: auto;
  right: 10px;
  bottom: 25px;
  background: #F9F2F2;
  color: #D6494D;
  border: 1px solid #BDB9B9;
  padding: 10px 10px;
  
  font: bold 12px/1 Arial;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  box-shadow: 2px 2px 2px 0 #E4E4E4;
  -moz-box-shadow: 2px 2px 2px 0 #E4E4E4;
  -webkit-box-shadow: 2px 2px 2px 0 #E4E4E4;
}
.table-reviewmatch-scroll .scroll-tip .arr{
  bottom: -9px;
  display: block;
  height: 9px;
  position: absolute;
  right: 8px;
  width: 17px;
  background: url(../images/a7-down-red-arr.png);
}

.table-reviewmatch-scroll .line{
  border-left: none;
  height: 31px;
}
.table-reviewmatch-scroll .title{
  margin-left: 0;
  height: 31px;
  border-left: none;
  border-right: none;
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  
  border-width: 0 0 1px;
  margin-top:0;
}
.table-reviewmatch-scroll .col1{ width: 200px; padding: 0; border-right: 1px solid #C5C4C4; }
.table-reviewmatch-scroll .col2{ width: 200px; }
.table-reviewmatch-scroll .col3{ width: 50px; }
.table-reviewmatch-scroll .col4{ width: 200px; }
.table-reviewmatch-scroll .col5{ width: 200px; }
.table-reviewmatch-scroll .col6{ width: 200px; }


.tooltip-content{ display: none; }
.tooltip-simpletable{ 
  display: inline-block; 
  background: #F7F7F7; 
  margin: 0;
  border: 0;
  
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  
  font: normal 12px/1 Arial;
}
.tooltip-simpletable .line{
  width: auto;
  border: 0;
  padding: 3px 0;
}
.tooltip-simpletable div.title{ 
  background: none;
  border: 0;
  border-bottom: 1px solid #C4C0C0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  width: auto;
  padding: 0 0 5px;
  margin: 0 0 2px;
}
.tooltip-simpletable .col1{ width: 140px; }
.tooltip-simpletable .col2{ width: 100px; }
.tooltip-simpletable .col3{ width: 100px; }
div#tooltip.count-tooltip-wrapper{
  background: #F7F7F7; 
  max-width: none;
  width: auto;
  padding: 10px;
}





.table-horscroll{ overflow: auto; max-width: 100%; }
.table-horscroll .line, .table-horscroll .title{ 
  white-space: nowrap; 
  overflow: visible; 
  border-right: none;
}
.table-horscroll .title{ 
  border-width: 0 0 1px;
  margin-top:0;
}
.table-horscroll .col1{ display: inline-block;  }





.line .green{ color: #4e9f5b; font-weight: bold; }
.line.new{ background: #F2F7F2; }
.line.highlight{ background: #fff7e2; }
.scroll{ height: 170px; overflow: auto !important; }
.scroll.expanded{ height: auto !important; }

.form-table-table .col1{ width: 27%; }
.form-table-table .col2{ width: 50%; }

.form-table-table .col1{ width: 27%; display: inline-block; float: none; }
.form-table-table .col2{ width: 49%; display: inline-block; float: none; }
.form-table-table .colact{ width: 20%; display: inline-block; float: none; text-align: right; }
.form-table-table .col2.action{ width: 25%; display: inline-block; float: none; }
.form-table-table .col3.action{ width: auto; display: inline-block; float: none; }
.panel .form-table-table .title .col2.action, .panel .form-table-table .title .col2 { margin-left:-5px; }
.panel .form-table-table .title .col3.action { margin-left:-2px; }
.form-table-table{
  overflow: hidden;
  margin: 0;
  min-height: 225px;
  border-width: 0 0 0 1px;
  
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.form-table-table .title-up{
  
}

.form-table-table .title{
  width: auto;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-width: 1px 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  
  padding: 10px;
  margin: 0;
  
  color: #7f7f7f;
  font: normal 11px/1 Arial, sans-serif;
  
  box-shadow: 0px 2px 2px #f5f5f5;
  -moz-box-shadow: 0px 2px 2px #f5f5f5;
  -webkit-box-shadow: 0px 2px 2px #f5f5f5;

}

.form-table-table .title-up{
  background: #f3f3f3;
  color: #464646;
  font: bold 13px/1 Arial, sans-serif;
  padding: 10px;
}

.appointment-list{ padding: 0; margin: 0; list-style: none;
  height: 160px;
  overflow: auto;
}
.appointment-list li{ padding: 8px 10px; 
  margin: 0; list-style: none; 
  border-bottom: 1px solid #C5C4C4;
}
.appointment-list .colact{
  position: relative;
}
.appointment-list .colact .btn{
  position: absolute;
  top: -16px;
  right: 4px;
}
.appointment-list .colact .btn-edit-small{
  right: 58px;
}

.appointment-list li:hover .btn{
  display: inline-block;
}




/* !Tables configuration - END */

.col-left, .col-right{
  width: 49%;
  float: left;
}
.col-right{
  float:right;
}

/*#footer{
	width:100%;
	padding:17px 0px;
	clear:both;
}*/
.copyright {
    color: #869ab2;
    float: right;
}

/*#footer ul{
	list-style:none;
	margin:0 0 0 -5px;
	padding:0;
	overflow:hidden;
}*/
/*#footer li{
	float:left;
	padding:0 5px;
	margin:0 1px 0 -1px;
	background:url(../images/separator.gif) no-repeat 0 3px;
}
#footer a{color:#fff;
text-decoration: none;
}*/
.jcf-hidden{
	display: block !important;
	position: absolute !important;
	left: -9999px !important;
}
.chk-area{
	margin: 0 7px 0 0;
	float:left;
	width:13px;
	height:13px;
	background:url(../images/bg1.gif) no-repeat;
}
.table .chk-area{margin-top:3px;}
.chk-checked{background-position:0 -20px;}
.select-area{
	border: 1px solid #c5c4c4;
	position: relative;
	cursor: pointer;
	height: 28px;
	line-height:28px;
	float: left;
	padding:0 20px 0 0;
	color:#464646;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 3px 0 #e0e0e0;
	-moz-box-shadow:0 1px 3px 0 #e0e0e0;
	box-shadow:0 1px 3px 0 #e0e0e0;
	background: rgb(255,255,255);
	background-image: url();
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(254,254,254,1) 40%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(40%,rgba(254,254,254,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 40%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 40%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 40%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 40%,rgba(242,242,242,1) 100%);
}

.form select.select1{width:190px }
.form select.area{width:190px }
.form select.month{width:120px }
.form select.month-s{width:120px }
.form select.year{width:45px }
.form select.number{width:39px }

.select-area .center{
	float: left;
	padding:0 0 0 9px;
  height: 22px;
  overflow:hidden;
}
.select-area .select-opener{
	position: relative;
	background:url(../images/a3.gif) no-repeat 6px 13px;
	float: right;
	height: 28px;
	width: 20px;
	margin:0 -20px 0 0;
}
.select-options{
	/*white-space: nowrap;*/
	position: absolute;
	overflow: hidden;
	background: #fff;
	z-index: 9999;
}
.select-options .drop-holder{
	border: 1px solid #c5c4c4;
	overflow: hidden;
	height: 1%;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.select-options-flipped .drop-holder{
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.select-options ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.select-options ul li{
	width: 100%;
	float: left;
}
.select-options ul a{
	text-decoration:none;
	padding: 5px 10px;
	display: block;
	cursor: pointer;
	color: #006ca6;
	height: 1%;
}
.select-options a:hover{text-decoration:underline;}
.lightgray {
    color: #8a8a8a;
}
.orange {
    color: #ea9808;
}
.annualsavings {
    float:right;
	width:125px;
    line-height: 14px;
}
.tick {
    width: 16px;
    height: 15px;
    background:url(../images/tick.gif) no-repeat;
    position: absolute;
    left: 12px;
    top: 46px;
}
#tooltip {
    background: #F7F7F7;
    border: 1px solid #C5C4C4;
    padding: 10px;
    position: absolute;
    z-index: 3000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  	-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .15), 0 0 1px 1px #f9fafb inset;
  	-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .15), 0 0 1px 1px #f9fafb inset;
  	box-shadow:0 2px 2px 0 rgba(0, 0, 0, .15), 0 0 1px 1px #f9fafb inset;
    width: auto;
    max-width: 180px;
}
#tooltip h3 {
  font: normal 12px/1 Arial;
  margin: 0;
}
#tooltip.bold h3 {
  font-weight: bold;
}
.action-tooltip{
  position: absolute;
  z-index: 999;
  background: #FFF;
  border: 1px solid #C5C4C4;
  width: 300px;
  padding: 10px;
  text-align: center;
  
  -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .15), 0 0 1px 1px #f9fafb inset;
  	-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .15), 0 0 1px 1px #f9fafb inset;
  	box-shadow:0 2px 2px 0 rgba(0, 0, 0, .15), 0 0 1px 1px #f9fafb inset;
  
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.action-tooltip h4{
  margin: 0 0 10px;
  line-height: 14px;
}
.action-tooltip .arr{ 
  background: url(../images/a5-white.png) no-repeat;
  display: inline-block;
  width: 14px;
  height: 10px;
  position: absolute;
  top: 100%;
  right: 20px;
  margin-left: -7px;
}
.error-msg{
  padding: 7px 7px;
  margin: 0 0 20px;
  background: #C21717;
  /*border: 1px solid #ccc;*/
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  
  /*-webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  -moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;*/
}

.error-msg span{
  font: bold 13px/17px Arial,Helvetica,sans-serif;
  color: #FFFFFF;
}

.panel .error-msg {
  margin: 5px 0 15px;
}

.error-msg-orange{
  color: #c89252;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px 10px;
  background: #f8f5ed;
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  -moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}

.info-msg{
  font: bold 13px/17px Arial,Helvetica,sans-serif;
  color: #74903B;
  background: #E4F0E4;
  border: 1px solid #ccc;
  padding: 15px;
  margin: 5px 0 15px;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  -moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}

.app .info-msg{
  margin: 15px 0 15px;
  width: 310px;
}

.app-msg {
  font: normal 13px/17px Arial,Helvetica,sans-serif;
}

.app-msg li {
  margin-left: 25px;
}

.app-msg ul {
  margin-bottom: 15px;
}

.app-msg h2 {
	margin:0 0 12px;
	color:#464646;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
}

.info-msg.success {
  padding: 5px 15px;
}

.success-msg{
  background: url(../images/arrow4.png) no-repeat 0% 50%;
  padding: 10px 10px 10px 30px;
  margin: 0 0 5px;  
}
.success-msg span{
  font: bold 13px/17px Arial,Helvetica,sans-serif;
  color: #74903B;
}


.popup-wrapper{
  display: none;
}
.popup-wrapper p{
  margin: 0 0 1em;
}

.popup-content{
  padding: 35px 50px;
  border-radius: 5px;
  text-align: center;
}
.popup-content-gray{
  background: #F7F7F7;
}
.popup-content p{
  overflow: hidden;
  font: bold 16px/1.2 Arial;
  margin: 0 0 18px;
}
.popup-content p .small{
  font: bold 12px/1.2 Arial;
}
.popup-content p.last{
  margin-bottom: 0;
}
.popup-content p span, .popup-content h4 span{
font-weight: normal;
}
.popup-content h4{
  font: bold 16px/1.2 Arial;
  margin: 0 0 18px;
}

.popup-wrapper .title{
	border-bottom:1px solid #c5c4c4;
	background:#e8f1f9;
	padding:9px 10px 9px;
	margin:0 0 3px;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}
.popup-wrapper .title h3{
  margin: 0;
  font: bold 16px/21px Arial,Helvetica,sans-serif;
}
/*.popup-wrapper .line.selected-line{
  background: #f8f5ed;
}*/
.processing{
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 15px 25px;
  width: 250px;
  line-height: 22px;
}

.adduser{
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 25px 25px;
  width: 400px; 
  line-height: 22px;
}

.popup-wrapper .btns {
  width: 100%;
  display: inline-block;
  margin-top: 0px;
  padding-bottom: 30px;
}

.btns .btn-back{
  background-position: -3px -261px;
  width: 90px;
  height: 48px;
  float:left;
  margin:0 0 0 35px;
}
.btns .btn-back:hover{
  background-position: -350px -347px;
  width: 90px;
  height: 48px;
  float:left;
  margin:0 0 0 35px;
}

.btns .btn-next{
  background-position: -94px -261px;
  width: 105px;
  height: 48px;
  float:right;
  margin:0 35px 0 0;
}
.btns .btn-next:hover{
  background-position: -441px -347px;
  width: 105px;
  height: 48px;
  float:right;
  margin:0 35px 0 0;
}
#header .header-menu 
{
	background: url("../images/icon-home.png") no-repeat scroll 0 0px transparent;
    float: right;
    padding: 5px 0 12px 20px;
    margin-right:6px;
}
#header .header-tool 
{
    float: right;
    /*margin-top:20px;*/
}
#header .header-tool #box-share
{
    float: left;
    margin-right:30px;
    margin-top:-3px;
}

#header .header-tool #box-share > ul > li {
    display: inline;
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    z-index: 20 !important;
}
#header .header-tool #box-share > ul > li > img{
    /*vertical-align:top;*/
}
#header .header-tool #box-share > ul > li a{
    color:#cccccc;
    font-weight:bold;
    text-decoration: none;
}
#header .header-tool #box-share > ul > li img{
    padding-top:0px;
}
#header #search-share {
    float: right;
    margin-bottom:5px;
}
#header #search-share #box-share {
    float: left;
    padding-right: 7px;
}
#header #search-share #box-share ul {
    list-style: none outside none;
}
#header #search-share #box-share > ul > li {
    display: inline;
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    z-index: 20 !important;
    cursor:pointer;
}
#header #search-share #box-share > ul > li > a {
    color: #FEFBFF;
    font-size: 14px;
    font-weight: bold;
}
#header #search-share #box-share > ul > li ul {
    background: none repeat scroll 0 0 #127BBB;
    cursor: default;
    display: none;
    float: left;
    font-size: 11px;
    left: -60px;
    opacity: 0.9;
    padding: 10px;
    position: absolute;
    top: 30px;
    width: 200px;
    z-index: 9999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 5px #222222;
    border:1px #136CA0 solid;
}
#header #search-share #box-share > ul > li:hover ul {
    display: block;
    z-index: 9999;
}
#header #search-share #box-share > ul > li ul li#arow-up {
    background: url("../images/tool/arow-up.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    position: absolute;
    top: -16px;
    width: 200px;
}
#header #search-share #box-share > ul > li ul li#icon_type {
    border-bottom: 1px solid #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}
#header #search-share #box-share > ul > li ul li#list {
    font-weight: normal !important;
    height: 20px;
    line-height: 20px;
}
#header #search-share #search-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 19px;
    width: 228px;
}

#header #search-share #search-form input#txtKeyword {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #7B7B7B;
    float: left;
    font-family: tahoma;
    height: 19px;
    line-height: 19px;
    padding: 0 0 0 10px;
    width: 188px;
}

#header #search-share #search-form input[type="image"] {
    float: right;
    width: 23px;
}
.topmenu{
  margin: 0;
  padding: 0;
  float: right;
}

.topmenu li{
  display: inline-block;
  float: left;
  list-style: none;
  color: #fff;
  border-right: 1px solid #464646;
  padding: 0 5px;
  height: 10px;
  line-height: 10px;
}

.topmenu li:last-child{
  border-right: none;
  padding-right: 0;
}

.topmenu a{
  color: #fff;
  font-weight: bold;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  text-transform: uppercase;
}
.topmenu a:hover{
  color: #FFF;
  text-decoration:underline;
}

.loggeduser{
  float: right;
  clear: right;
  font-size: 95%;
  padding-top: 5px;
}

.panel{
  background: #fff;
  border: 1px solid #c5c4c4;
  border-top: none;
  border-radius: 0 0 5px 5px;
  margin-bottom: 20px;
  padding: 10px 15px;
  overflow: hidden;
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}

.panel.rounded {
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  
  border-bottom: 1px solid #c5c4c4;
  margin-bottom: 20px;
}
.open .panel {
  padding: 15px 15px 10px 15px;
}
.panel p{ margin: 0 0 10px; }

.panel ul.list{
  margin: 0 0 10px 12px;
}
.panel .row label{ width: 70px; }
.panel .text{ width: 251px; }
.panel.nopadding{ padding: 0; }

.module .title{
  margin: 0;
}

#popup-onlyoneuser{
  width: 390px;
}
#popup-onlyoneuser .content-wrapper{
  padding: 15px 30px;
  text-align: center;
}

/* !Accordeon Tabs */
.accordeon-tabs{
  padding: 0;
  margin: 0;
  list-style: none;
}
.accordeon-tabs li{
  padding: 0;
  margin: 0 0 10px;
}

.accordeon-tabs .tab{
  display: block;
  background: url(../images/bg8.png) repeat-x;
  padding: 0px 10px;
  line-height: 32px;
  color: #464646;
  
  border: 1px solid #8EB6D9;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}
.accordeon-tabs .tab .btn{
  vertical-align: middle;
}
.accordeon-tabs .open .tab{
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

.accordeon-tabs .tab .expander{
  float: right;
  cursor: pointer;
  background: url(../images/sp1.png);
  background-position: -482px -28px;
  width: 13px;
  height: 13px;
  margin-top: 9px;
  display: inline-block;
}

.accordeon-tabs .open .tab .expander{
  background-position: -482px -42px;
}

.accordeon-tabs .tab .arrow-expander{
  float: left;
  cursor: pointer;
  background: url(../images/arrows.png);
  background-position: -8px -0px;
  width: 4px;
  height: 7px;
  margin: 13px 8px 5px 0;
  display: inline-block;
}

.accordeon-tabs .open .tab .arrow-expander{
  background-position: -0px -0px;
  width: 7px;
  height: 4px;
  margin-left: -2px;
}

.accordeon-tabs .tab span{
  color: #125b96;
}

.accordeon-tabs .open .tab span{
  color: #464646;
  font-weight: bold;
}

.accordeon-tabs .panel{
  display: block;
  margin: 0;
  border-color: #C5C4C4;
}

.accordeon-tabs .panel label{
  width: 100px;
}
.accordeon-tabs .panel label.wide{
  width: 178px;
}

.accordeon-2 .panel{
  border: 0;
  
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
/* !Accordeon Tabs - END */

.select-preset {
  width: 500px;
}
.select-preset select{
  width: 470px;
}

/* Module 1 Gray gradiant */
.module1{
  overflow: hidden;
  display: block;
  padding: 10px 10px 0px 10px;
  margin: 5px 0 20px;
  
  background: url(../images/bg9.png) repeat-x 0% 100% #fff;
  border: 1px solid #C5C4C4;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}
.module1 .col-left{
  border-right: 1px solid #C5C4C4;
  padding-right: 10px;
  width: 340px;
}
.module1 .col-left .row label{ width: 110px;}
.module1 .col-right .row label{ width: 165px; vertical-align: top;}
.module1 .col-right .radio{ margin: 0 5px;}
select.select-company{ width: 170px;}

/* Module2 blank wrapper */
.module2{
  overflow: hidden;
  display: block;
  margin-bottom: 8px;
}
.module2 .col-left, .module2 .col-right{ 
  background: #F4F4F4;
  padding: 10px;
  width: 46.75%;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.module2 .row{
  padding: 0;
}
.module2 .col-left label{
  width: 65px;
}
.module2 .col-left .text{
  margin-top: 3px;
}
.module2 .col-right label{
  width: 50px;
  margin-top: 8px;
}
.module2 .col-right .info{
  margin-top: 8px
}
.numberinfo{
  float: right;
  color: #74903b;
  font-weight: bold;
  margin-top: 8px;
}
.numberinfo .btn-x{
  vertical-align: middle;
  margin-left: 5px;
}

/*
  FULL WIDTH
*/
.full-width{
  min-width: 1050px;
}
.full-width body{
  background: #023B7E;  
}
.full-width #wrapper{
  background: url(../images/bg-dashboard-header.png) repeat-x 0 0;
}
.full-width .w1{
  width: auto;

  background: url(../images/bg12.png) no-repeat 0% 0%;
  padding: 0;
}
.full-width #header{
  padding: 23px 25px 0;
  width: auto;
  position: relative;
}

.full-width .container{
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  
	-webkit-box-shadow:0 0 5px 0 #044367;
	-moz-box-shadow:0 0 5px 0 #044367;
	box-shadow:0 0 5px 0 #044367;
}

.full-width .copy{
  color: #7b7b7b;
  clear: both;
}
.signin .copy{
  text-align: right;
  border-top: 1px solid #C5C4C4;
  padding-top: 25px;
  margin: 30px 0;
}
.signin .copy ul{
  float: left;
}
.signin .copy ul li, .signin .copy ul li a{
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.legal{
  color: #7b7b7b;
  margin-top:-5px;
  clear: both;
}

/* TABS */
.tabs{
  clear: left;
  float: left;
  margin-top: 20px;
  width: auto;
}

.tabs .tab{
  display: inline-block;
  float: left;
  margin-right: 2px;
}

.tabs .tab a {
  color: #fff;
  font: bold 14px/36px Arial, sans-serif;
  display: inline-block;
  margin: 0 2px 0 0;
  height: 36px;
  width: 99px;
  text-align: center;
  
  background: url(../images/bg11.png) repeat-x;
  
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  
  -webkit-box-shadow:0 0 5px 0 #044367;
	-moz-box-shadow:0 0 5px 0 #044367;
	box-shadow:0 0 5px 0 #044367;
}
.tabs .tab a:hover, .tabs .tab.active a{
  background-image: url(../images/bg10.png);
  color: #464646;
  text-decoration: none;
}


.tabs >ul >li{
  display: inline-block;
  float: left;
  margin-right: 2px;
}

.tabs >ul >li >a {
  color: #fff;
  font: bold 14px/36px Arial, sans-serif;
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  height: 36px;
  width: 99px;
  text-align: center;
  
  background: url(../images/bg11.png) repeat-x;
  
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  
  -webkit-box-shadow:0 0 5px 0 #044367;
	-moz-box-shadow:0 0 5px 0 #044367;
	box-shadow:0 0 5px 0 #044367;
}
.tabs >ul >li >a .sf-sub-indicator{
  display: none;
}
.tabs >ul >li >a.sf-with-ul {
	padding-right: 	0;
}

.tabs >ul >li >a:hover, .tabs >ul >li.active >a{
  background-image: url(../images/bg10.png);
  color: #464646;
  text-decoration: none;
}
.tabs > ul > li > ul{
  margin-top: 6px;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-top: 0;
}

.tabs > ul ul{
  background: #FFF;  
  border: 1px solid #c5c4c4;
  padding:0;

  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;

  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.tabs > ul ul li a{
  padding: 10px;
  color: #464646;
  text-decoration: none;
}
.tabs > ul ul li a:hover{
  background: #EAEAEA;
}

/* SEARCH */
header .search{
  position: absolute;
  right: 25px;
  bottom: 0;
  
  overflow: hidden;
  margin: 0;
  background: url(../images/bg15.png) repeat-x;
  padding: 4px 10px;
  
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  
  box-shadow: 0 0 3px #014074;
  -moz-box-shadow: 0px 0px 3px #014074;
  -webkit-box-shadow: 0px 0px 3px #014074;
  
  font-size: 13px;
}
.search label{
  font-weight: bold;
  margin-right: 5px;
}
.search .text{
  margin-right: 5px;
  width: 170px;
  border: 0;
}
.search-in{
  width: 170px; 
  margin-left: 5px;
}
.search-in select{
  width: 150px;
}
.search-in .select-area{
  box-shadow: 0px 0px 4px #555;
  -moz-box-shadow: 0px 0px 4px #555;
  -webkit-box-shadow: 0px 0px 4px #555;
  border: 0;
  width: 150px;
}

/* DASHBOARD */
#easysetup {
  position: absolute;
  width: 108px;
  height: 40px;
  right: 245px;
  top:0;
  background-position: -4px -222px;
}
#easysetup:hover {
  background-position: -245px -222px;
}

.mods-wrapper{
  overflow: hidden;
}
.dashboard .accordeon-tabs .tab{
  border-radius: 5px 5px 0 0;
}
.dashboard .accordeon-tabs .tab .expander{
  background-position: -611px -31px;
  width: 4px;
  height: 7px;
  float: left;
  margin: 12px 8px 0 0;
}
.dashboard .accordeon-tabs .open .tab .expander{
  background-position: -609px -12px;
  width: 7px;
  height: 4px;
  margin: 14px 5px 0 0;
}
.dashboard .accordeon-tabs li{
  margin-bottom: 20px;
}

.dashboard .accordeon-tabs .tab span{
  font-size: 13px;
  line-height: 12px;
  color: #464646;
  font-weight: bold;
}
h2 .right{ float: right; }
.mod-calendar{
  width: 255px;
  float: left;
}

.mod-calendar .panel{
  height: 255px;
}

.mod-calendar-events-wrapper{ padding-left: 275px; }

.toolbar{
  background: #f8f8f8;
  display: block;
  border: 1px solid #c5c4c4;
  border-top: 0;
  box-shadow: 0px 2px 2px #E4E4E4;
  -moz-box-shadow: 0px 2px 2px #E4E4E4;
  -webkit-box-shadow: 0px 2px 2px #E4E4E4;
  position: relative;
  /*z-index: 1000;*/
  z-index: 10;
  /*overflow: hidden;*/
  height: 34px;
}

.toolbar.topblue{
  border:1px solid #c5c4c4;
  background:#e8f1f9;
  
  -webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;

}

.toolbar.error {
  height: 110px;
}

.toolbar .area{
  padding: 0px 10px;
  line-height: 34px;
  display: inline-block;
  border-right: 1px solid #c5c4c4;
}
.toolbar .area.button{ padding: 0; float: left; }
.toolbar .area.button a{ padding: 0 10px; height: 34px; display: inline-block; background: url(../images/bg14.png) repeat-x; }
.toolbar .area.button.current a,
.toolbar .area.button a:hover{ 
  background: url(../images/bg13.png) repeat-x; 
  color: #464646; 
  text-decoration: none; 
  position: relative;
}
.toolbar .area.button.current a .arr,
.toolbar .area.button a:hover .arr{ 
  background: url(../images/a5.png) no-repeat;
  display: inline-block;
  width: 14px;
  height: 10px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
}

.toolbar .orderby {
  background: url(../images/a3.gif) no-repeat;
  margin-left: 6px;
  padding-bottom: 2px;
  width: 7px;
  height: 4px;
  display: inline-block;
}


.toolbar .area.last{ border: 0; }
.toolbar .area.full{ display: block; border-right: 0; }
.toolbar .area.full .label{ margin-right: 10px; padding-right: 10px; }
.toolbar .area.full .label a { font-weight: bold; }
.toolbar .area.left{ border: 0; margin-left: -6px; padding: 0 0 0 10px; }
.toolbar .btn{ vertical-align: middle; }
.toolbar .select-area{ line-height: 22px; height: 23px; }
.toolbar .select-area .select-opener{ height: 23px; background-position: 6px 11px; }

/* !Dropdown and inputs*/
.toolbar .select-holder{ 
  height: 25px; 
  vertical-align: middle;
}
.toolbar input.editable-select { height: 23px; line-height: 23px; }
.toolbar .lead-sources{ width: 205px; }
.toolbar .lead-sources select{ width: 190px; }
.toolbar .lead-sources.milestone{ width: 160px; }
.toolbar .lead-sources.milestone select{ width: 145px; }
.toolbar .lead-sources.user{ width: 415px; }
.toolbar .lead-sources.user select{ width: 400px; }
.toolbar .sel-users{ width: 205px; }
.toolbar .sel-users select{ width: 190px; }
.toolbar .sel-users.milestone{ width: 160px; }
.toolbar .sel-users.milestone select{ width: 145px; }
.toolbar .ev-sel-user{ width: 222px; float: right; margin-top: 4px; }
.toolbar .ev-sel-user select{ width: 200px; }
.toolbar .sel-range{ width: 90px; }
.toolbar .sel-range select{ width: 70px; }
.toolbar .sel-lead-type{ width: 140px; padding-left: 5px; }
.toolbar .sel-lead-type select{ width: 110px; }
.toolbar .sel-lead-source{ width: 350px; padding-left: 5px; }
.toolbar .sel-lead-source select{ width: 320px; }
.toolbar .sel-lead-user{ width: 230px; padding-left: 5px; }
.toolbar .sel-lead-user select{ width: 223px; }

.sel-reassign-lead{ width: 230px; padding-left: 5px; }
.sel-reassign-lead select{ width: 223px; }
.sel-reassign-lead input.editable-select{ height: 21px; line-height: 21px; }
.sel-users{ width: 205px; }
.sel-users .select-area{ width: 180px !important; }



.toolbar .combobox-mid{ width: 135px; }
.toolbar .combobox-mid select{ width: 125px; }

.toolbar .text{ padding: 4px 9px; vertical-align: middle; }
.title.nomargin .text{ padding: 4px 9px; }
.title.nomargin .text.search{ padding: 4px 22px 4px 10px; }

/* !Filters */
.filters-item{
  border-right: 1px solid #C5C4C4;
  padding-right: 3px;
}

.filters-item.last{
  border: 0px;
  padding-right: 0px;
}

.filters-title{
  padding-right: 10px;
}

.filters-item .filter-wrapper { 
  color: #464646; 
  display: inline-block;
  
  position: relative;
}

.filters-item .filter-link{
  display: inline-block;
  height: 26px;
  line-height: 26px;
  
  cursor: pointer;

  border: 1px solid transparent;
  border-width: 1px 1px 0;
  padding: 0 10px;
  
  position: relative;
  z-index: 10;
}
.filter-link a {
  text-decoration: none;
  color: #464646;
}
.filters-item strong{
  color: #006CA6;
}
/*.filters-item .filter-wrapper:hover .filter-link{*/
.filters-item .filter-wrapper.active .filter-link{
  background: #fff;
  border: 1px solid #C5C4C4;
  border-width: 1px 1px 0;
  
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
.filter-data{
  display: none;
  width: 600px;
  overflow: hidden;
  position: absolute;
  top: 29px;
  left: 0;
  background: #fff;
  border: 1px solid #C5C4C4;
  border-radius: 0 8px 8px 8px;
  -moz-border-radius: 0 8px 8px 8px;
  -webkit-border-radius: 0 8px 8px 8px;
  z-index: 9;
  line-height: 1;
  
  box-shadow: 0px 0px 8px -4px #555;
  -webkit-box-shadow: 0px 0px 8px -4px #555;
	-moz-box-shadow: 0px 0px 8px -4px #555;
}
.filter-data .wrapper{
  padding: 10px;
}

.btns-list{
  list-style: none;
  margin: 0 0 10px; padding: 0;
  
}
.btns-list li{
  display: inline-block;
  margin: 0 2px 5px 0;
}
.date-selector strong{
  color: #464646;
}
.date-selector .text{
  padding: 7px 9px;
  margin: 0 5px 10px;
  width: 64px;
}
/*.filters-item .filter-wrapper:hover .filter-data{ display: block; }*/
.filters-item .filter-wrapper.active .filter-data{ display: block; }
.filters-item a strong { color: #006CA6; }

.left-search{
  width: 280px;
  float: left;
  padding: 15px;
}
.left-search .text{
  width: 258px;
  padding: 7px 10px;
  margin-bottom: 10px;
}
.left-search .search-list{ 
  margin: 0;
  padding: 0;
  list-style: none;
  height: 230px;
  overflow: auto;
}
.left-search .search-list li{
  padding: 10px 0;
  border-bottom: 1px solid #E5E5E5;
}

.right-selected{
  width: 260px;
  float: left;
  padding: 15px;
  background: url(../images/bg16.png) no-repeat -3px 50% #F9F9F9;
}
.hdr{
  font: bold 15px/1 Arial, sans-serif;
  border-bottom: 1px solid #E5E5E5;
  display: block;
  color: #464646;
  padding: 5px 0 10px;
  margin: 0 0 10px;
}
.hdr a{
  float: right;
  font: normal 12px/1 Arial, sans-serif;
}
.right-selected .selected-list{ 
  margin: 0;
  padding: 0;
  list-style: none;
  height: 198px;
  overflow: auto;
}
.right-selected .selected-list li{
  padding: 5px 10px;
  margin-bottom: 5px;
  background: #EFEFEF;
  display: inline-block;
  color: #056CA5;
  border-radius: 5px;
}
.right-selected .btn-done{
  float: right;
}



/* !Calendar List*/
.dashboard .calendar-list{ padding: 0; margin: 0; list-style: none;
  height: 245px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dashboard .calendar-list li{ 
  padding: 0;
  margin: 0; list-style: none; 
  width: 100%;
  overflow: hidden;
}
.dashboard .calendar-list li:last-child{ border-bottom: 0; }

.calendar-list .time,.calendar-list .time2,.calendar-list .activity{
  padding: 8px 0px;
  display: inline-block;
  float: left;
  vertical-align: middle;
  height: 16px;
  
  border-bottom: 1px solid #C5C4C4;
}
.calendar-list .time{  width: 80px; font-weight: bold; padding-left: 10px; }
.calendar-list .time2{ width: 130px; }
.calendar-list .activity{ width: auto;
  margin-left: 220px;
  display: block;
  float: none;
  
}
.calendar-list .activity .name{
  display: inline-block;
  width: 200px;
}

.calendar-list li.active{ background: #e8f1f9; }
.calendar-list .nobb{ border-bottom: none;}
.calendar-list .notb{ border-top: none;}






.dashboard .accordeon-tabs .tab .tab-right{
  float: right;
  font-weight: normal;
  vertical-align: middle;
  line-height: 32px;
  font-size: 12px;
  border-left: 1px solid #8EB6D9;
  border-right: 1px solid #fff;
  padding: 0 7px;
}
.dashboard .accordeon-tabs .tab .tab-right.first{
  border-left: 0;
  padding-left: 0;
}
.dashboard .accordeon-tabs .tab .tab-right.last{
  border-right: 0;
  padding-right: 0;
}
/* Paging */
.paging{
  background: #fff;
  padding: 10px;
  display: block;
  border: 1px solid #C5C4C4;
  border-width: 0 1px;
}
.paging .total{
  font-weight: bold;
  padding-right: 9px;
  border-right: 1px solid #BBB;
}
.paging .show{
  padding-left: 5px;
}
.paging .show .text{
  width: 22px;
  margin: 0 5px;
  text-align: center;
  height: 10px;
}
.paging .pages{
  float: right;
}
.paging .pages .text{
  width: 22px;
  margin: 0 3px 0 5px;
  text-align: center;
  height: 10px;
}
.paging .pages .btn-prev-arrow{
  margin-left: 10px;
}

/* Leads View */
.leads-view .title{
  margin-bottom: 0;
}
.learn {
  display: block;
  margin: -10px 0 20px; 0;
}

/* !Leads Edit */
.centered-wbtn{
  text-align: center;
  border-top: 1px solid #C5C4C4;
  padding: 15px 0 0;
  margin: 20px 0;
  overflow: hidden;
}
.centered-wbtn > span span{
  display: block;
  margin-top: 5px;
  font: normal 12px/1 Arial, sans-serif;
}

.centered-wbtn .btn-previous-small{
  float: left;
  margin-top: 7px;
}
.centered-wbtn .btn-next-small{
  float: right;
  margin-top: 7px;
}

.centered-wbtn-bottom{
  border-top: 0;
  border-bottom: 1px solid #C5C4C4;
  padding: 0 0 15px;
  margin: 20px 0;
}

.centered-wbtn-bottom.save span{
  width: 100%;
}

/* View leads admin */
.view-leads-admin #popup p {
	font-size: 16px;
	width: 320px;
	padding: 0 45px;
}

/* !Leads Edit-Print */
.centered-wbtn.no-border{
	border: 0;
}
#print-leads-btns {
	float: right;
	margin-top: -30px;
	width: 92px;
}
#print-leads-btns .btn {
	float: left;
}
.edit-lead-print {
	background: #fff;
}
.edit-lead-print .form .row {
	padding-bottom: 5px;
}
.lead-print-header {
	background: #f8f8f8;
	border-radius: 0;
	padding: 0px 10px;
}
.lead-print-header .col1 { width: 100px; margin-top: 9px; font-size: 12px; color: #464646; }
.lead-print-header .col1.col2 { width: 160px; }
.lead-print-header .col1.col3 { width: 160px; }
.lead-print-header .col1.col4 { width: 160px; }
.lead-print-header .col1.col5 { width: 150px; }

.edit-lead-print .container .content {
	background: #fff;
}
.edit-lead-print .table.panel {
	padding: 15px;
}
.edit-lead-print .table.panel .col1 {
	width: 49%;
	font-size: 12px;
  margin-bottom: 2px;
}
.edit-lead-print .left {
	float: left;
	width: 170px;
}
.edit-lead-print .right {
	float: left;
	width: 170px;
}
.edit-lead-print .panel.table .table.lead-print-header {
	padding: 8px 10px;
	margin-bottom: 15px;
}
.edit-lead-print .form .row {
	width: 97.8%;
}
body.edit-lead-print {
	background: #fff;
}
.edit-lead-print .panel.table .wrapper {
	padding-left: 10px;
	margin-bottom: 5px;
  overflow: hidden;
}
/*.edit-lead-print .panel.table .wrapper .left {
	width: 170px;
}*/
.edit-lead-print .panel.table .wrapper hr {
	border: 0;
	height: 1px;
	background: #dddddd;
	margin-bottom: 10px;
}
.edit-lead-print h3 span.name {
	font-size: 21px;
}

/* Email Optout */
.email-optout .form .row {
	width: 98.6%;
	margin-bottom: 0;
}
.email-optout input.search {
	color: #5c5c5c;
	font-size: 12px;
	line-height: 17px;
}

/* Email Summary */
.email-summary .editable-select-options {
	width: auto !important;
	overflow: auto !important;
	min-width: 135px;
	max-width: 225px;
}

/* !Form and Table layout */
.form-table{
  overflow: hidden;
  background: #fff;
  padding: 0;
}

.form-table-form{
  float: left;
  width: 390px;
  padding: 17px 0 0 17px;
}
.form-table-form .btn-set-appointment, .form-table-form .btn-commit-action {
  float: right;
  margin-right: 15px;
}

.form-table-form .row > label{ width: 90px; }
.form-table-form .text{ width: 255px; }
.form-table-form textarea{ width: 255px; }
.form-table-form .row label.l-duration{ width: 60px; padding-left: 5px; }
.form-table-form .text.start-time{ width: 80px; }
.text.cal{ 
  background: url(../images/i5-cal.png) no-repeat 99% center; 
  padding-right: 25px;
}
.text.dollar{
  background: url(../images/bg-dollar.png) no-repeat 5px center; 
  padding-left: 15px;
}
/* !Form and Table layout - END */

/* !Icons */
.icon{
  background: url(../images/sp1.png);
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
}
.phone.icon{
  background-position: -857px -81px;
  width: 14px;
  height: 16px;
}
.mail.icon{
  background-position: -831px -85px;
  width: 17px;
  height: 12px;  
}
/* !Icons - END */

/* !Grouped Form */
.grouped-form{
  background: #fff;
  border: 1px solid #c5c4c4;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  margin-bottom: 0px;
  padding: 10px 15px;
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
}

.grouped-form .row label{
  width: 175px;
}
.grouped-form .row .text{
  width: 190px;
}
.grouped-form .row .text.small{
  width: 25px;
  padding-left: 6px;
  padding-right: 6px;
}
.grouped-form .row .text.middle{
  width: 33px;
  padding-left: 6px;
  padding-right: 6px;
}
.grouped-form .row .chk-area{
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.grouped-form .row .select-holder select{
  width: 188px;
}
.grouped-form .help{
  margin-left: 10px;
}
.grouped-form .help .icon{
  margin-right: 5px;
}
/* !Grouped Form - END */

/* !Import Leads */
.import-help{
  float: right;
  width: 40%;
  margin-left: 20px;
  margin-bottom: 10px;
}

.import-help-in{
  width: 50%;
}
.btns-in{
  clear: both;
  overflow: hidden;
  border-top: 1px solid #E4E4E4;
  padding: 10px 0 0 0;
  margin: 20px 0 0;
}

.import-help-in ul, .import-help-in p{ margin: 0 0 5px; }
.import-help-in li{ margin: 0; }
.import-help-in ul{ list-style: disc; padding: 0 0 0 13px; }

.uploaded-files{
  padding: 15px;
  background: #E3EFE3;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0 0 10px 0;
  
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  
  -webkit-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
	box-shadow:0 2px 2px 0 #e4e4e4, 0 0 1px 1px #f9fafb inset;
  
}
.uploaded-files .btn-x{
  vertical-align: middle;
}
/* !Import Leads - END */

/* !Match Headers */
ul.circle-number{
  list-style: none;
  padding: 0;
  margin: 0 0 15px;
}
ul.circle-number li{
  padding: 0;
  margin: 0 0 10px;
  min-height: 25px;
}
ul.circle-number li .n{
  font-weight: bold;
  background: #E8F1F8;
  border: 1px solid #C5C4C4;
  text-align: center;
  margin: 0 10px 0 0;
  float: left;
  height: 20px;
  width: 24px;
  padding-top: 4px;
  
  position: relative;
  top: -4px;
  
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  
  box-shadow: 0px 1px 2px #d4d4d4;
  -moz-box-shadow: 0px 1px 2px #d4d4d4;
  -webkit-box-shadow: 0px 1px 2px #d4d4d4;
}
.progress-bar{
  height: 8px;
  display: inline-block;
  width: 700px;
  margin-left: 10px;
  vertical-align: middle;
  background: #FAF3F3;
  border: 1px solid #C5C4C4;
  overflow: hidden;
  
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  
  box-shadow: 0px 1px 2px #d4d4d4 inset;
  -moz-box-shadow: 0px 1px 2px #d4d4d4 inset;
  -webkit-box-shadow: 0px 1px 2px #d4d4d4 inset;
}
.fixed-width .progress-bar{
  width: 400px;
}
.pb-current{
  width: 40%;
  height: 10px;
  border-right: 1px solid #C5C4C4;
  background: #DCEEDC;
  vertical-align: top;
  display: inline-block;
}
.match-header{
  overflow: hidden;
  border: 1px solid #C5C4C4;
  border-width: 0 1px 1px;
  background: #F8F8F8;
  margin-bottom: 10px;
  
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  
  position: relative;
}
.match-header .help-wrap{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: #4181B1;
  text-align: center;
}

.match-header .help-action{
  position: absolute;
  left: 50%;
  bottom: 25%;
  z-index: 20;
  width: 200px;
  margin: 0 0 -50px -120px;
  padding: 20px;
  background: url(../images/bg23-5black-op.png) repeat;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.match-header .help-action p{
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 10px;
}
.match-header .help-action .btn{
  
}
.mh-left{
  float: left;
  width: 355px;
  border-right: 1px solid #C5C4C4;
  overflow: hidden;
  
  box-shadow: 1px 0 4px #D4D4D4;
  -moz-box-shadow: 1px 0 4px #D4D4D4;
  -webkit-box-shadow: 1px 0 4px #D4D4D4;
}
.fixed-width .mh-left{
  width: 340px;
}
.mh-right{
  margin: 0px 0px 0px 355px;
}
.fixed-width .mh-right{
  margin: 0px 0px 0px 340px;
}
.f-view{
  border-bottom: 1px solid #C5C4C4;
  padding: 21px 15px;
  background: #FFF;
}
.f-view label{
  margin: 0 5px;
  cursor: pointer;
}
.f-view label input{
  margin: 0 5px 0 0;
  vertical-align: top;
}
.f-search{
  border-bottom: 1px solid #C5C4C4;
  padding: 14px 15px 0;
  height: 44px;
}
.f-search .text{
  width: 300px;
  color: #5c5c5c;
}
.fixed-width .f-search .text{
  width: 140px;
}
.fixed-width .viewall-unmathced{
  display: inline-block;
  vertical-align: top;
  width: 115px;
}


.mh-headers{
  background: #F8F8F8;
  border-bottom: 1px solid #C5C4C4;
  padding: 8px 15px;
  font-weight: bold;
  
  box-shadow: 0px 1px 2px #d4d4d4;
  -moz-box-shadow: 0px 1px 2px #d4d4d4;
  -webkit-box-shadow: 0px 1px 2px #d4d4d4;
}
.mh-hdr{
  display: inline-block;
  width: 200px;
}
.mh-left .hdr1{
  width: 144px;
}
.fixed-width .mh-left .hdr1{
  width: 124px;
}

.mh-left .hdr2{
  width: 135px;
}
.mh-right .hdr1{
  width: 200px;
}
ul.mh-yhdrs-list{
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  
  
  height: 360px;
  overflow: auto;
}
ul.mh-yhdrs-list li{
  padding:  15px;
  margin: 0;
  border-bottom: 1px solid #C5C4C4;
}
ul.mh-yhdrs-list li:hover,
ul.mh-yhdrs-list li.active{
  background: #FFF7E3;
}
ul.mh-yhdrs-list li .btn-x-light{
  vertical-align: middle;
  margin: 0 5px 0 -3px;
}
ul.mh-yhdrs-list .lb{
  display: inline-block;
  width: 100px;
}
.fixed-width ul.mh-yhdrs-list .lb{
  width: 95px;
}
.i-matched{
  border: 1px solid #C5C4C4;
  padding: 5px 22px 5px 10px;
  display: inline-block;
  width: 140px;
  background: #fff url(../images/bg22-drag.png) no-repeat 155px 50%;
  cursor: pointer;
  
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  
  box-shadow: 0px 1px 2px #d4d4d4;
  -moz-box-shadow: 0px 1px 2px #d4d4d4;
  -webkit-box-shadow: 0px 1px 2px #d4d4d4;
}
.fixed-width .i-matched{
  width: 132px;
  background-position: 144px 50%;
}
.i-matched:hover{
  box-shadow: 0 0 2px 1px #bcd4ef;
  -moz-box-shadow: 0 0 2px 1px #bcd4ef;
  -webkit-box-shadow: 0 0 2px 1px #bcd4ef;
  
  border: 1px solid #76b7e2;
}
.i-unmatched{
  border: 1px solid #C5C4C4;
  padding: 5px 22px 5px 10px;
  display: inline-block;
  width: 140px;
  height: 15px;
  vertical-align: middle;
  cursor: pointer;
  background: #F4F4F4;
  
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  
  box-shadow: 0px 1px 2px #d4d4d4 inset;
  -moz-box-shadow: 0px 1px 2px #d4d4d4 inset;
  -webkit-box-shadow: 0px 1px 2px #d4d4d4 inset;
}
.fixed-width .i-unmatched{
  width: 132px;
}
ul.mh-yhdrs-list li:hover .i-unmatched,
ul.mh-yhdrs-list li.active .i-unmatched{
  background: #FFF;
}


ul.mh-360hdrs-list{
  list-style: none;
  padding: 0;
  margin: 0;
  
  height: 360px;
  overflow: auto;
}
ul.mh-360hdrs-list li{
  padding:  10px 15px 10px 15px;
  margin: 0;
}
ul.mh-360hdrs-list li h3{
  font-weight: normal;
  font-size: 12px;
}
.mh-360hdrs-list .i-matched{
  margin: 5px 2px;
}
.mh-360hdrs-list .items-container{
  border: 1px solid #C5C4C4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 5px;
  overflow: hidden;
  display: block;
  margin-top: 5px;
}
.mh-360hdrs-list .item-group{
  border-bottom: 1px solid #C5C4C4;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.mh-360hdrs-list .item-group.last{
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
/* !Match Headers - END */

/* !Signin */
.signin .left-pnl{
  float: left;
  width: 320px;
}
.signin .left-pnl .text{
  width: 180px;
}
.signin .left-pnl .label{
  width: 80px;
}
.signin .right-pnl{
  margin-left: 340px;
}
.signin .forgot{
  padding-left: 85px;
}
.signin .panel{
  height: 180px;
}
/* !Signin - END */

/* !Print */
.print body, .print #wrapper, .print .w1{
  background: #FFF;
}
.print .container{
  background: none;
}
.print .content{
  background: none;
  border: 0;
}
.print *{
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
}
.print-top-buttons{
  overflow: hidden;
  padding: 0 0 20px;
}
.print-top-buttons .btn-printreceipt{
  position: static;
}
/* !Print - END */


.labeled-list{
  overflow: hidden;
  text-align: left;
}
.labeled-list .label{
  float: left;
  width: 100px;
  display: block;
  font-weight: bold;
}
.labeled-list .data{
  display: block;
  padding: 0 0 0 110px;
  font-weight: normal;
  margin-bottom: 5px;
}

.video-popup{
  padding: 20px;
  color: #fff;
  width: 788px;
  margin: 0 auto;
}

.video-popup .close{
  text-align: right;
  margin: 0 0 10px;
}

/* !Pages overrides */
/*.email-summary .combobox-mid{ width: 20%; }
.email-summary .combobox-mid select{ width: 50%; }*/
/* !Pages overrides - end */

/* !Fancybox */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
  background-position: -2px -158px;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/* Fancybox - end */

input.editable-select {
	display:inline-block;
	vertical-align:middle;

	background: url(../images/a6-down.png) no-repeat right #fff;
	
	margin:0;
  padding: 0 20px 0 9px;

	font:12px/15px Arial, Helvetica, sans-serif;
  
	border: 1px solid #c5c4c4;
	position: relative;
	cursor: pointer;
	height: 28px;
	line-height:28px;
	float: left;
  color: #8C8C8C;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:0 1px 1px 0 #ddd inset;
	-moz-box-shadow:0 1px 1px 0 #ddd inset;
	box-shadow:0 1px 1px 0 #ddd inset;
}
.editable-select-options {
  position: absolute;
  display: none;
  margin: 0;
  padding: 0;
  background: #FFF;
  border: 1px solid #C5C4C4;
  z-index: 9999;
  border-radius: 0 0 5px 5px;
  overflow: hidden !important;
}
.editable-select-iframe {
  position: absolute;
  background: #FFF;
  z-index: 9;
  display: none;
}
  .editable-select-options ul {
    margin: 0;
    padding: 0;
    z-index: 10;
    list-style: none;
    list-style-image: none;
  }
    .editable-select-options li {
      cursor: pointer;
      padding: 5px 10px;
    }
    .editable-select-options li.selected {
      background: #EAEAEA;
    }
    
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


#banner 
{
	width:100%;
	/*border:1px green solid;*/
	height:350px;
}

#banner .bannerleft 
{
	/*border:1px green solid;*/
	width:660px;
	height:350px;
	float:left;
	
    float: left;
    margin: 0;
    overflow: hidden;
    /*text-indent: -9999px;*/
}

#banner .bannerright 
{
	/*border:1px green solid;*/
	width:297px;
	height:350px;
	float:right;
}

.clear3 {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

#slidehome
{
	width:100%;
	/*border:1px green solid;*/
	height:100px;
	margin-top:5px;
	position:relative;
}
#slidehome .image_carousel .caroufredsel_wrapper 
{
	display: block;
	float: left;
	
}
.bannerr1 {
    /*background: url("../images/banner1.jpg") no-repeat scroll 0 0 transparent;*/
	height:173px;
	margin-bottom:5px;
    
}
.bannerr2 {
    /*background: url("../images/banner3.jpg") no-repeat scroll 0 0 transparent;*/
	height:173px;
    
}
.bannerr1 img, .bannerr2 img {
	height:173px;
	width:297px;
}

.spacer {
	background:		url('../images/spacer.gif');
}

.sp-wrapper 
{
	margin-top:15px;
}

.sp-wrapper .pavilion-header {
/*    border-bottom:	1px solid #666666;
    background: url("../images/hr-tran.png") no-repeat scroll 0 0 transparent;*/
    /*background:-moz-linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%); 
  background:-webkit-linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%); 
  background:linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%);*/
	/*background: url("../images/hr-trans-h.png") no-repeat scroll 0 0 transparent;
    height: 4px;*/
    border-bottom: 1px solid #444444;
    height: 22px;
    margin-bottom: 0 10px 10px 10px;
    position: relative;
	
}


.pavilion-header a {
    color: #9E9E9E;
    text-decoration: none;
}
.pavilion-header a:hover {
    color: #FFF;
    text-decoration: none;
}
a, a:visited {
    text-decoration: none;
}

.bg-title 
{
	/*background: url("../images/bg-li-hov.jpg") repeat-x scroll 0 0 #FF6E18;*/
	background: url("../images/bgbody.jpg") repeat scroll 0 0 transparent;
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top:12px;
    position: absolute;
    text-transform: uppercase;
    
    color: #FFFFFF;
    font-family: Arial,Tahoma,Helvetica;
    
    /*padding-top: 15px;*/
    width:auto;
    height:20px;
    /*border-radius: 3px 3px 0 0;*/
}

/* ----------- Product list by grid------------ */
#box-home-slide .product-item 
{
	width: 285px;
}
.product-item {
    float: left;
    height: 180px	;
    overflow: hidden;
    width: 296px;
    margin-top:10px;
    margin-left:10px;
    border: 5px solid #2C2C2C;
}

.product-item .bg_type_whatch {
    /*background: url("../images/products/bg_type_whatch.jpg") no-repeat scroll 0 0 transparent;*/
    background: url("../images/bg_ctsp.jpg") no-repeat scroll 0 0 transparent;
    /*border: 3px solid #2C2C2C;*/
    height: 180px;
    position: relative;
    width: 296px;
}

.product-item:hover {
    border: 5px solid #137BBB;
}
.product-item:hover .type_btn_sosanh, .product-item-list:hover .type_btn_sosanh{
    display:block;
}
.product-item .bg_type_whatch .pi-thumb {
    display: table;
    height: 30px;
    position: relative;
    width: 280px;
    z-index: 5;
    
    padding-top:70px;
}
.product-item .bg_type_whatch .pi-thumb a
{
	vertical-align:middle;
	/*padding-top:120px;*/
}
.product-item .bg_type_whatch .pi-thumb a.img-thumb img
{
	width:270px;
	vertical-align:middle;
	margin-left:15px;
}

#box-home-slide .product-item { border: none;}
#box-home-slide .product-item .bg_type_whatch { background:none; width: 270px;}
#box-home-slide .product-item:hover {border:none; }
#box-home-slide .product-item .bg_type_whatch .pi-thumb { width: 250px;}
#box-home-slide .product-item .bg_type_whatch .pi-thumb a.img-thumb img { width: 250px;}

.pi-sales .pis-km2 {
    background: url("../images/products/bg-gift.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font: 14px/60px tahoma;
    height: 55px;
    margin: 2px 0 0 2px;
    text-align: center;
    width: 63px;
}

.pi-sales {
    left: 1px;
    position: absolute;
    top: 0;
    z-index: 10;
}
.pi-hethang {
    margin-left: 5px;
    position: absolute;
    top: 0;
    z-index: 10;
    background: url("../images/products/hethang.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 55px;
    margin: 2px 0 0 2px;
    width: 63px;
}
#viewList .product-item-list .hethang-list {
    position:inherit;
}
.textCenter {
    text-align: center;
}
.textRight {
    text-align: right;
    padding-right:10px;
}

.get_info_pro a {
    color: #D5D5D5;
    font: 14px tahoma;
}

.product-item .product-price 
{
	color: #FFED7C;
    font-family: verdana,"Times New Roman",Times,serif;
    font-size: 16px;
    margin-top:5px;
}
.product-item .product-from
{
	font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-top:5px;
    color: #D5D5D5;
}

/* List san pham by list */
.product-item-list {
    background: none repeat scroll 0 0 #1B1B1B;
    border: 5px solid #2C2C2C;
    height: 150px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}
.product-item-list .showInList 
{
	right:inherit;
	left:-10px;
}
.product-item-list:hover {
    background: none repeat scroll 0 0 #000000;
    border: 5px solid #892828;
}
.product-item-list .product-img {
    display: table;
    float: left;
    font-size: 12px !important;
    font-weight: normal !important;
    height: 150px;
    margin: 0;
    padding: 0;
}
.product-item-list .product-img a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


.product-item-list .product-info {
    float: left;
    font-size: 11px;
    padding-left: 10px;
    width: 155px;
    margin-top:25px;
}
.product-item-list .product-info a:hover{
    text-decoration:none;
}
.product-item-list .product-info h2 {
    font-size: 13px;
}
.product-item-list .product-info .dpt-status {
    color: #717171;
}
.product-item-list .product-info .dpt-status span{
    color: #FFFFFF;
}
.dpt-addcart {
    background: url("../images/tool/icon-cart.png") no-repeat scroll 10px 5px #8F060E;
    /*background: url("../images/tool/icon-cart.png") no-repeat scroll 10px 5px #0174DF;*/
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 70px;
}

.product-item-list .product-price {
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    margin-left: 15px;
    text-align: left;
    width: 180px;
    margin-top:15px;
}
.product-price .pis-item, .pi-sales .pis-item, .pi-sales .pis-sold {
    background: url("../images/products/bg-sales.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font: 14px/60px tahoma;
    height: 55px;
    margin: 2px 0 0 2px;
    text-align: center;
    width: 63px;
}
.list-pi-gift {
    background: url("../images/products/bg-gift.png") no-repeat scroll 0 0 transparent;
    color: #717171;
    float: left;
    height: 55px;
    padding-left: 60px;
}
.product-item-list h2.product-img a.img-thumb img {
    margin-left: 15px;
    vertical-align: middle;
    width: 240px;
}
/* ------------- Slide ---------------*/
.image_carousel {
	padding: 2px 0 0 0;
	
}
.image_carousel img {
	/*border: 1px solid #2C2C2C;*/
	background-color: #333333;
	padding: 0px;
	margin-right: 0px;
	display: block;
	float: left;
	width:160px;
}
.clearfix {
	float: none;
	clear: both;
}
#viewDetail #box-home-slide #bpo-main ul, #viewDetail #box-home-slide #bpo-main_views {
    display: block;
}
#viewDetail #box-home-slide #bpo-main ul li, #viewDetail #box-home-slide #bpo-main_views {
    display: block;
    float: left;
}
#box-home-slide {
    height: 180px;
    padding: 40px 30px;
    position: relative;
    width: 900px;
}
#viewDetail #box-home-slide {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left:0;
    padding-right:inherit;
    width:920px;
}
#viewDetail #box-home-slide .dott{
    margin-top:10px;
    margin-bottom:10px;
}
#box-home-slide .prevpro {
    background: url("../images/arow-prev1.png") no-repeat scroll 0 0 transparent;
    left: 0;
}
#box-home-slide .nextpro {
    background: url("../images/arow-next1.png") no-repeat scroll 0 0 transparent;
    right: 10px;
}
#box-home-slide .prevpro, #box-home-slide .nextpro {
    display: block;
    height: 37px;
    position: absolute;
    text-decoration: none;
    top: 135px;
    width: 24px;
}


/* ------------- End Slide ---------------*/

/* List san pham */
.wrap-bg-white {
    background-color: #000000 !important;
}

#cart-page .wrap-bg-white #bg_type_line {
	padding-left:10px;
    padding-right:10px;
}
.wrap-bg-white #bg_type_line {
    background: url("../images/line.jpg") repeat-x scroll center top transparent;
}

#wrap-content #path-way {
    background: url("../images/icon-home.png") no-repeat scroll 7px 4px transparent;
    color: #6E6E6E;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    padding-left: 35px;
}
#wrap-content #path-way a {
    color: #FFFFFF;
    text-decoration: none;
}
#wrap-content #path-way a:hover {
    color:#BEC3C7;
}
#wrap-content #path-way a.selected {
    color: #74DCFC;
    font-weight: bold;
}
#wrap-content #path-way h1 {
    display: inline;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
#wrap-content #path-way span {
    padding: 0 3px;
}
.wrap-bg-white #bg_type {
    background: url("../images/bg-cat-content.jpg") repeat-x scroll center top transparent;
    /*background: url("../images/text2.png") repeat scroll 0 0 transparent;*/
}

#cat-sidebar ul.ul-list-cat li {
    margin: 0;
    padding: 10px 0;
}
#cat-sidebar .list-cat-group {
    font-size: 11px;
    margin-top: 20px;
    padding: 10px 0;
    text-transform: uppercase;
}

#cat-sidebar ul.ul-list-cat li#field_sub {
    padding: 1px 0;
}
#cat-sidebar ul.ul-list-cat .field_title {
    padding: 1px 0 5px 10px;
}
#cat-sidebar ul.ul-list-cat li {
    margin: 0;
    padding: 10px 0;
}
#cat-sidebar ul.ul-list-cat li a 
{
	font-size:13px;
    color: #AAAAAA;
    text-decoration: none;
}
.link-active
{
	font-size:15px !important;
    color: #FA7422 !important;
}
#cat-sidebar ul.ul-list-cat li a:hover {
    color: #FA7422;
    text-decoration:underline;
}
#cat-sidebar ul.ul-profile, #cat-sidebar ul.ul-list-cat {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#cat-sidebar ul.ul-list-cat li {
    margin: 0;
    padding: 10px 0;
}
#cat-sidebar .list-cat-group {
    font-size: 13px;
    font-weight:bold;
    margin-top: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    color:#FFF;
}

#wrap-content #cat-content {
    float: left;
    padding: 0 15px;
    width: 710px;
}
#wrap-content #news-content {
    float: left;
    padding: 0 15px;
    width: 710px;
}
#contact #cat-content 
{
	/*background: url("../images/whitecanvas2.jpg") repeat scroll 0 0 transparent;*/
}
#rightContact
{
	padding-bottom:30px;
}
#viewList #cat-content {
	padding: 0pt 15px 0pt 10px; 
	width: 632px;
}

#cat_name {
    font-size: 20px;
    text-transform: uppercase;
}
.color2, .color2 a {
    color: #D3D3D3;
}
#cat-content .color2,#cat-content .color2 a {
    color: #717171;
}
.padt2 {
    padding-top: 2px;
}

#cat_name span {
    color: #FA7422;
    font-size: 13px;
    text-transform: none;
}

.content-title {
    background: url("../images/bg_type_c.jpg") repeat-x scroll 0 0 transparent;
    line-height: 32px;
}
.content-title .bg_type_l {
    background: url("../images/bg_type_l.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    width: 5px;
}

.content-title .bg_type_r {
    background: url("../images/bg_type_r.jpg") no-repeat scroll 0 0 transparent;
    float: right;
    height: 32px;
    width: 6px;
}
.left {
    float: left;
}
.right {
    float: right;
}
#cat-content .content-title .ct-sort {
    float: right;
}

#cat-content .content-title .ct-sort span {
    font-size: 11px;
}

#cat-content .content-title .ct-sort select {
    border: 1px solid #DFDFDF;
    /*height: 21px;*/
    width: 135px;
}
.radius3 {
    border-radius: 3px 3px 3px 3px;
}

/* Product detail */

.type_btn_sosanh {
    bottom: 0;
    display: none;
    margin: 5px 0 5px -5px;
    position: absolute;
    width: 140px;
    cursor:pointer;
}

.type_btn_sosanh a, .type_btn_sosanh_slide a, .type_btn_sosanh_list a {
    background: url("../images/btn_sosanh2.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 23px;
    width: 105px !important;
}
.type_btn_sosanh a:hover, .type_btn_sosanh_slide a:hover, .type_btn_sosanh_list a:hover {
    background: url("../images/btn_sosanh2-h.png") no-repeat scroll center bottom transparent;
}
.padlr20 { padding: 0 20px; }
#detail-product #dp-teaser .through {
    color: #717171;
}
#detail-product #dp-thumb {
    background: url("../images/bg_ctsp_large.png") no-repeat scroll 0 0 transparent;
    border: 5px solid #2C2C2C;
    display: table;
    float: left;
    height: 200px;
    overflow: hidden;
    width: 450px;
}
#detail-product #dp-thumb div#imgcenter {
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
    width:450px;
}

#detail-product #dp-thumb div#imgcenter a { display: inline-table !important;}


#detail-product #dp-teaser {
    color: #444444;
    font:12px/1.5 Arial,Tahoma;
    float: left;
    font-size: 11px;
    margin-left: 20px;
    width: 430px;
}
#detail-product #dp-teaser .teaser-text-r {
    color: #FFFFFF;
    font:13px/1.5 Arial,Tahoma;
    padding-left:5px;
}
#detail-product #dp-teaser #model {font-size: 15px !important;}
#detail-product #dp-teaser .dpt-price {font-family:Arial, verdana,"Times New Roman";color: #FFF !important;font-size: 22px !important;font-weight: normal;}
#detail-product #dp-teaser .dpt-status {color: #717171;font-size: 12px;margin-bottom: 3px;}
#detail-product #dp-teaser .dpt-status a:hover, #detail-product #dp-teaser .dpt-sales a:hover {
    text-decoration: underline;
}
#detail-product #dp-teaser .dpt-status a, #detail-product #dp-teaser .dpt-sales a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}


#detail-product #dp-description {
    float: left;
    padding: 0 15px 0 0;
    width: 680px;
}

#detail-product #dp-description #dpd-tabs {height: 36px;position: relative;}
#dp-description #dpd-tabs ul {
    background: none repeat scroll 0 0 #19191A;
    border-radius: 5px 5px 5px 5px;
    bottom: -5px;
    left: 0;
    padding: 0 2px;
    position: absolute;
}

#dp-description #dpd-tabs ul li {
    display: block;
    float: left;
    text-align: center;
}
#dp-description #dpd-tabs ul a:hover, #dp-description #dpd-tabs ul a.selected {
    background: url("../images/tab_sl1.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
}
#dp-description #dpd-tabs ul a {
    background: url("../images/tab_no.jpg") no-repeat scroll 0 0 transparent;
    border-bottom: medium none;
    color: #7B7B7B;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 36px;
    line-height: 30px;
    margin: 3px 2px 0;
    text-decoration: none;
    width: 111px;
}


#dp-description #dpd-main {
    background: none repeat scroll 0 0 #19191A;
    border-top: medium none;
    padding: 10px 30px;
    top: 4px;
    min-height:300px;
    /*border:1px #7e7e7e solid;*/
}


#detail-product #dp_spkhuyenmai {
    float: right;
    margin-left: 10px;
    width: 210px;
    padding:0;
    /*border:1px solid #7E7E7E;
    border-radius: 3px 3px 3px 3px;*/
    
}

#detail-product #dp_spkhuyenmai h2#type {
    font-size: 16px;
    text-transform: uppercase;
    font-family:Tahoma,arial;
    font-weight:lighter;
}

.typeProduct_detail .bpo-item {
    width: 210px;
    float:left;
    /*margin-left:20px;*/
}
#box-home-slide .typeProduct_detail .bpo-item {
    
    margin-left:15px;
    margin-top:10px;
}
.typeProduct_detail h2 
{
	width:210px;
}
.typeProduct_detail .bpo-item .bpoi-thumb {
    height: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 250px;
    vertical-align:middle;
}
.typeProduct_detail .bpo-item .bpoi-thumb a {
    padding-top:50px;
}
.typeProduct_detail .bpo-item .bpoi-thumb .img-sales {
    
    padding-top:60px;
}
.typeProduct_detail .bpo-item .bpoi-thumb .img-sales img{
    
    width: 170px;
}
.typeProduct_detail .bpo-item h2 {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

.typeProduct_detail .bpo-item h2 a {
    color: #FFF !important;
    text-decoration: none;
}

.typeProduct_detail .bpo-item .price {
    color: #717171;
    font-size: 12px;
    text-align: center;
}
.dott 
{
	margin-top:5px;
    background: url("../images/icon.jpg") repeat-x scroll 0 0 transparent;
    height: 2px;
}


.typeProduct_detail hr 
{
	margin-top:20px;
	margin-bottom:20px;
}
#viewDetail #bpo-main_views ul li 
{
	margin-right: 20px;
}
#box-pro-other #bpo-main, #box-pro-other #bpo-main_views {
    height: 165px;
    padding: 12px 40px 12px 50px;
    position: relative;
}
#box-pro-other #bpo-main ul, #box-pro-other #bpo-main_views ul {
    display: block;
}
#box-pro-other #bpo-main ul li, #box-pro-other #bpo-main_views ul li {
    display: block;
    float: left;
}

.typeProduct_detail .bpo-item .bpoi-thumb {
    height: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 210px;
}

.typeProduct_detail .bpo-item .bpoi-thumb img {
    /*height: 130px;*/
    width: 280px;
}

/*-- Cart ---*/
    
#cart-content td.td-name {
    padding-left: 5px !important;
}
#cart-content td.td-seri {
    text-align: center;
}
#cart-content .cc-title {
    background: url("../images/icon-pay.png") no-repeat scroll 7px 2px transparent;
    height: 35px;
    line-height: 35px;
    padding-left: 75px;
    color: #FFFFFF;
}
#cart-content .cc-title-r {
    height: 35px;
    line-height: 35px;
    color: #FFFFFF;
}
#cart-content .title-success {
	/*font: 14px/1.5 Arial,Tahoma;*/
	margin-right:250px;
    /*color: #82FA58;*/
    float:right;
}
#cart-content #tinhlai {
    color: #FFFFFF;
    font: 12px/1.5 Arial,Tahoma;
    margin: 0;
    padding: 0;
}

#cart-content #tblCart {
    border-collapse: collapse;
    font-size: 11px;
    width: 100%;
}
#cart-content #tblCart tr.line
{
	height:70px;
	vertical-align:middle;
}
#cart-content #tblCart tr.header
{
	
}
#cart-content td.td-stt {
    color: #B8B8B8;
    width: 40px;
}

#cart-content td.td-quantity {
    text-align: center;
    width: 70px;
}

#cart-content td.td-name .name {
    color: #B8B8B8;
}
#cart-content td.td-quantity input[type="text"] {
    border: 1px solid #7F9DB9;
    color: #000000;
    height: 17px;
    padding: 0 10px 0 10px;
    width: 15px;
    font-size:13px;
}
#cart-content td.td-price {
    color: #DD4B39;
    padding-left: 20px !important;
    width: 100px;
}
#cart-content td.ttd-price {
    border-right: medium none !important;
    color: #FFFFFF;
    font-weight: bold;
    padding-right: 20px !important;
    text-align: right;
}
#cart-content td.td-price-t {
    border-left: medium none !important;
    color: #DD4B39;
    font-weight: bold;
    padding-left: 20px !important;
}
#cart-content #tblCart span.vnd {
    color: #999999 !important;
}
#cart-content td.td-del {
    text-align: center;
    width: 80px;
}
#cart-content td.td-del a {
    color: #3B3B3B;
    text-decoration: none;
}
#cart-content #tblCart td {
    
    border: 1px solid #393939;
    padding: 8px 0;
}
#cart-content .textBold 
{
    color: #F2F2F2;
    font-weight: bold;
}

#cart-content .cart-note 
{
	padding-left:10px;
    color: #828282;
}

#cart-content .cart-tool .btn {
    /*padding: 0 20px !important;
    background: none repeat scroll 0 0 #6C060A;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    font-size:12px;
    text-indent:0;*/
}
.floatLeft {
    float: left;
}
.form-input {
    border: 1px solid #C6B7A0;
    color: #454545;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
#dat-hang #backtop {
    background: url("../images/bg-cat-content.jpg") repeat-x scroll center top transparent;
}
#cart-backtop {
    background: url("../images/bg-cat-content.jpg") repeat-x scroll center top transparent;
}
/**************************** Footer **********************************/

#footer {
    color: #8B8B8B;
    font-size: 12px;
    background: url("../images/bg_footter.jpg") repeat-x scroll center top #050100;
    padding-bottom: 5px;
}
#footer #mnu_foot {
    background: url("../images/bg_foot.jpg") repeat-x scroll 0 0 transparent;
    float: left;
    line-height: 31px;
    text-align: left;
    width: 100%;
}

#footer #showroom {
    color: #FFFFFF;
    padding: 10px;
}

#footer #showroom #showroom_name {
    background: url("../images/pk-logo2.png") no-repeat scroll 0 0 transparent;
    padding-left: 25px;
}

#footer .lineroom {
    background: url("../images/bg_lf.png") no-repeat scroll left top transparent;
    float: left;
    margin-bottom: 2px;
    min-height: 90px;
    width: 2px;
}
#footer #showroom #showroom_add {
    color: #848484;
    font-size: 11px;
    padding: 2px 0;
}
ul.ul-default {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#footer #mnu_foot > li:first-child {
    margin-left: 30px;
}
#footer #mnu_foot > li {
    float: left;
    width:19%;
    text-align:center;
}
ul.ul-default li {
    display: inline;
    margin: 0;
    padding: 0;
}

#footer #mnu_foot > li > a {
    color: #9E9E9E;
    font-weight: bold;
}
#footer #mnu_foot > li > a:hover {
    color: #FFFFFF;
}

#form-newletter {
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: left;
    height: 19px;
    overflow: hidden;
    width: 280px;
}
#footer #copyright {
    color: #848484;
    display: block;
    padding: 10px;
    text-align: center;
}

#footer #copyright span {
    color: #FF0000;
}
#form-newletter #txtNewletter {
    border: 1px solid #FFFFFF;
    color: #8F8F8F;
    float: left;
    font-size: 11px;
    height: 16px;
    width: 190px;
}

#form-newletter a {
    background: url("../images/bns.jpg") no-repeat scroll 0 0 transparent;
    color: #CFCFCF;
    display: block;
    float: left;
    font-size: 11px;
    height: 19px;
    line-height: 22px;
    margin-left: 12px;
    text-align: center;
    text-decoration: none;
    width: 76px;
}
/* prev /next */
.btn-prev-arrow, .btn-prev-arrow:hover
{
    cursor:default;
}
.prev-active
{
    cursor:pointer;
    background-position:-864px -56px;
}
.prev-active:hover
{
    cursor:pointer;
    background-position:-868px -28px;
}
.next-disabled, .next-disabled:hover
{
    background-position:-892px -56px;
    cursor:default;
}
pad20 {
    padding: 20px;
}
/* Listing */
/*.grid-active { background: url("../images/grid-active.jpg") no-repeat scroll 0 0 transparent; height:15px;width:15px}*/
.grid-active { background: url("../images/grid-active.jpg") no-repeat scroll 0 0 transparent; height:20px;width:20px;vertical-align: middle;}
.grid-non-active { background: url("../images/grid.jpg") no-repeat scroll 0 0 transparent; height:20px;width:20px;vertical-align: middle;}
.list-active { background: url("../images/list-active.jpg") no-repeat scroll 0 0 transparent; height:20px;width:20px;vertical-align: middle;}
.list-non-active { background: url("../images/list.jpg") no-repeat scroll 0 0 transparent; height:20px;width:20px;vertical-align: middle;}


h1 {
    font-size: 25px;
    font-weight: normal;
}
a:focus
{
	border:none;
	outline:0;
}

/* Alert */

.popup-content-gray {
    background: none repeat scroll 0 0 #F7F7F7;
}
.popup-content {
    border-radius: 5px 5px 5px 5px;
    padding: 32px 50px;
    text-align: center;
}
.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-skin {
    background: none repeat scroll 0 0 #F9F9F9;
    border-radius: 4px 4px 4px 4px;
    color: #444444;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: none;
}
.fancybox-outer, .fancybox-inner {
    margin: 0;
    outline: medium none;
    padding: 0;
    position: relative;
}
.fancybox-outer, .fancybox-inner {
    margin: 0;
    outline: medium none;
    padding: 0;
    position: relative;
}

.popup-content h4 {
    font: bold 16px/1.2 Arial;
    margin: 0 0 18px;
}
.popup-content p.last {
    margin-bottom: 0;
}
.popup-content p {
    font: bold 16px/1.2 Arial;
    margin: 0 0 18px;
    overflow: hidden;
}
.popup-wrapper p {
    margin: 0 0 1em;
}

.bg-message
{
    margin: 0;
    position: relative;
    z-index: 990;
    background-color: #F9EDBE;
    border: 1px solid transparent;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0 20px 0 20px;
    background: none repeat scroll 0 0 #F9EDBE;
    border-color: #F9EDBE;
    color: #000000;
    padding: 0 7px;
    font-weight: bold;
    text-align: center;
    font-family: arial,sans-serif;
    width:250px;
}

#pagecurrent {
    text-align: center;
    width: 22px;
}

/* Tin tuc */

.type_news {
    float: left;
    overflow: hidden;
    width: 220px;
}
.type_news .image {
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 220px;
}
.type_news .image .news_date {
    background: none repeat scroll 0 0 #EC1824;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px 12px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15px;
}
.type_news .image img {
    height: 170px;
    width: 220px;
}
.type_news .title {
    font-size: 16px;
    height: 35px;
    margin: 10px 0 15px;
    text-align: left;
}
.type_news .title a {
    font: 15px/1.2 Tahoma;
}
.type_news .teaser {
    font-family: Arial,Helvetica,sans-serif;
    margin-top: 15px;
    text-align: justify;
}

.news-item-spacer {
    float: left;
    width: 22px;
}
.padt20 {
    padding-top: 20px;
}

.title_list {
    background: url("../images/news-list.png") no-repeat scroll 0 5px transparent;
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding-left: 15px;
    text-decoration: underline;
    width: 208px;
    margin-right:6px;
}

.news-item-spacer {
    float: left;
    width: 22px;
}

.xemtatca {
    background: none repeat scroll 0 0 #B30B0B;
    float: right;
    padding: 2px 10px;
}
.xemtatca a {
    background: url("../images/ixemthem.jpg") no-repeat scroll 0 3px transparent;
    color: #FFFFFF;
    padding-left: 10px;
    text-decoration: underline;
}
/* New paging */
#page-break .product-page:hover, #page-break .selected {
    background: none repeat scroll 0 0 #A11616;
    border-color: #A11616;
}
#page-break .product-page {
    border: 1px solid #3C3C3C;
    display: inline-block;
    float: left;
    margin-right: 6px;
}
#page-break .product-page:hover a, #page-break .selected a {
    color: #FFFFFF;
    font-weight: bold;
}
#page-break .product-page a {
    color: #3C3C3C;
    padding: 1px 7px;
    text-decoration: none;
}
#page-break .product-page {
    border: 1px solid #3C3C3C;
    display: inline-block;
    float: left;
    margin-right: 6px;
}

#page-break .product-page a {
    color: #3C3C3C;
    padding: 1px 7px;
    text-decoration: none;
}

#page-break .product-page {
    border: 1px solid #3C3C3C;
    display: inline-block;
    float: left;
    margin-right: 6px;
}

/* New - Side bar */

#list-page #wrap-content #cat-sidebar {
    float: left;
    padding-left: 20px;
    width: 263px;
    margin-top:10px;
    margin-left:10px;
    /*background: none repeat scroll 0 0 #151515;*/
    background: url("../images/bg_left.jpg") repeat-y scroll left top #050100;
    border-radius: 3px 3px 3px 3px;
    
    border:1px solid #201C1D;
}
.news-page #wrap-content #cat-sidebar 
{
    float:left;
}

#wrap-content #cat-sidebar .inner1
{
	/*background: url("../images/box5_title_left_bg1.gif") no-repeat scroll left top transparent;
    width: 100%;
    position:relative;*/
}
.bg_typecnew {
    background: url("../images/bg_type_cnews.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    line-height: 28px;
    margin-top: 20px;
    text-align: center;
    width: 188px;
}

.mnu-cat-news2 {
    background: none repeat scroll 0 0 #242424;
    border-radius: 3px 3px 3px 3px;
    font-size: 13px;
    margin-bottom: 2px;
    padding: 2px 0 2px 5px;
    position: relative;
}

.mnu-cat-news2 a {
    color: #D3D3D3;
    padding-left: 15px;
}

.mnu-cat-news {
    background: none repeat scroll 0 0 #67070C;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 2px;
    padding: 2px 0 2px 5px;
    position: relative;
}

.mnu-cat-news a {
    background: url("../images/icon_tnews.png") no-repeat scroll 5px 4px transparent;
    color: #D3D3D3;
    font-size: 13px;
    padding-left: 15px;
}
#newspage #wrap-content #cat-content {
    width: 770px;
}

/* News detail */

#news-detail h1 {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding:20px 0 20px 0;
}
#news-detail #de-decription {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

#de-other .deo-title h3 {
    font-size: 15px;
    margin: 0;
    padding: 0 12px 0 0;
}

#de-other h2 {
    background: url("/images/li-other.png") no-repeat scroll 0 10px transparent;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 3px 0 3px 10px;
}

#de-other h2 a {
    text-decoration: underline;
}
.padtb20 {
    padding: 20px 0;
}
#viewNewList #cat-sidebar, #viewNews #cat-sidebar, #viewNewDetail #cat-sidebar 
{
	width:auto;
}
/* Contact */

#contact #cart-content 
{
	width:auto;
    min-height: 300px;
    padding: 0 15px;
}

.red-class 
{
	color:Red;
}

/* Search */
h3 {
    font-size: 21px;
}
#search-page h3 
{
	padding-left:10px;
}
#search-page #page-break {padding-left:10px;}
.product-item-spacer {
    float: left;
    width: 10px;
}

#viewSearch .product-item 
{
	/*margin-right:5px;*/
}

.btn-search 
{
	text-indent: -9999px;
	display: inline-block;
	font-size: 13px;
	border-radius: 0 2px 2px 0;
	height: 20px;
    width: 23px;
	background: url(../images/icon-search.png);
	position:relative;
	margin-left:7px;
}

.through {
    color: #989898;
    text-decoration: line-through;
}

#slidehome .prevdt 
{
	background: url("../images/arrow5.png") no-repeat scroll 0 0 transparent;
    
    left: 10px;
}
#slidehome .nextdt {
    background: url("../images/arrow5.png") no-repeat scroll -30px 0 transparent;
    right: 10px;
}
#slidehome .prevdt, #slidehome .nextdt {
    /*display: block;
    height: 65px;
    
    text-decoration: none;
    top: 0;
    width: 40px;
*/
	top: 46%;
	position: absolute;
    border: 0 none;
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 30px;
}
.nivo-html-caption 
{
	background: #000;
    color: #FFFFFF;
    height: 65px;
    padding: 8px;
    position: absolute;
    right: 38px;
    top: 40px;
    width: 320px;
    z-index: 8;
}
.link_footter {
    float: right;
    margin-top: 10px;
    width: 78px;
}

#sociallinks {
    list-style: none outside none;
    right: 0;
    width:180px;
    
}

#sociallinks li {
    display: block;
    float: left;
    height: 25px;
    list-style: none outside none;
    margin: 8px 0 0 3px;
    text-indent: -99999px;
    width: 25px;
}
#sociallinks a {
    background: url("../images/social-sprite-rd1.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 25px;
}
#sociallinks .facebook a {
    background-position: -25px 0;
}
#sociallinks .facebook a:hover {
    background-position: -25px -25px;
}

#sociallinks .twitter a {
    background-position: 0 0;
}
#sociallinks .twitter a:hover {
    background-position: 0 -25px;
}

#sociallinks .google a {
    background-position: -50px 0;
}
#sociallinks .google a:hover {
    background-position: -50px -25px;
}

#sociallinks .email a {
    background-position: -76px 0;
    width: 24px;
}

#sociallinks .email a:hover {
    background-position: -76px -25px;
    width: 24px;
}

#sociallinks .rss a {
    background-position: -100px 0;
}

#sociallinks .rss a:hover {
    background-position: -100px -25px;
}

.ico_moi_small {
    background: url("../images/new-icon.png") no-repeat scroll right 0 transparent;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    height: 12px;
    line-height: 0;
    padding-top: 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 59px;
    z-index: 99;
}
hr {
    display: block;
    border: 0;
    border-top: 1px solid #2E2E2E;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
    height:1px;
    
}
.hr-trans 
{
	background: url("../images/hr-trans.png") no-repeat scroll 0 0 transparent;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    height:2px;
}
.hr-trans-long
{
	background: url("../images/hr-trans-long.png") no-repeat scroll 0 0 transparent;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    height:2px;
}

/* So sanh */
#Compare-foot {
	position: fixed;
	bottom: 0; left: 30%;
	z-index: 999999; /*--Keeps the panel on top of all other elements--*/
        border-left: none;
        border-right: none;
	border-bottom: none;
	margin: 0 12px 0 0;
}
*html #Compare-foot { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #Compare-foot--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#Coppare_list table,
#Coppare_list table td,
#Coppare_list table a { color:#000 !important}
#Coppare_list td{ border-right:solid 1px #343434; width:200px;}
#Coppare_list td:last-child{ border:none}
#Coppare_list td #div_close{width:200px;}
#Coppare_list td #div_close a#close {background:url(../images/Close.png) no-repeat; width:11px; height:17px; display:inline-block; float:right}
#Coppare_list td #div_close #close:hover { background-position:-11px 0; cursor:pointer}
#Coppare_list td #compare_img {height:120px !important; margin-bottom:5px;padding:5px;}
#Coppare_list td #compare_img img { margin-top:30px;max-width:190px; max-height:200px;}
#Coppare_list td #compare_name a {  color:#D5D5D5;}
#Coppare_list td #compare_name a:hover { color:#FF0000}

.btn_sosanh { background:url(../images/BtnCompare.png) no-repeat; height:25px; width:86px; display:inline-block}
.btn_sosanh_active { background:url(../images/BtnCompare.png) 0 -25px no-repeat; height:25px; width:86px; display:inline-block}
.btn_sosanh_active:hover { background-position:0 -50px;}

#Compare-foot .type_btnss{
	background: url(../images/Btn.png) no-repeat bottom;
	background-position:0 0;
	width: 254px; height:31px; line-height:30px; display:block;
	
}
#Compare-foot .type_btnss a.cart{
	padding-left:64px; display:block; color:#fff;font-weight:bold !important;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#Compare-foot .type_btnss:hover{
	background: url(../images/Btn.png) no-repeat bottom;
	background-position:-254px 0;
	
}
#Compare-foot .type_btnss:hover a.cart{
	color:#fff;
}

#Compare-foot div#cartpanel { height:33px;}
#Compare-foot a small {
	text-align: center;
	width: 80px;
	background: url(../images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#Compare-foot a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	bottom:33px;
	line-height:20px;
	left: 45%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
	
}

#Compare-foot .subpanel {
	position: absolute;
	left: 0; bottom: 33px;
	display: none;	/*--Hide by default--*/
	/*border: 2px solid #E9E9E9;*/
	background: #202020;
}
#Compare-foot .subpanel table{
	min-width:200px;
}
#Compare-foot h3 {
	background: #313131;
	padding: 5px 10px;
	color: #777676;
	font-size: 1.5em;
	cursor: pointer;
}
#Compare-foot h3 span { /*--Right aligned "-" icon--*/
	float: right !important;
	font-weight: normal;
	background:url(../images/delete.png) no-repeat; width:16px; height:16px; display: inline-block;
}
#Compare-foot h3 span:hover { /*--Right aligned "-" icon--*/
	background-position:0 0; cursor:pointer
}
a.key_link {text-decoration: none;}

.btn_sosanh_active:hover {
    background-position: 0 -50px;
}


#compare-table td 
{
	vertical-align:middle;
	height:40px;
	max-width:260px;
	padding:10px;
}
#compare-table td a
{
	color:#FFF;
}
#compare-table td div
{
	vertical-align:middle;
	height:50px;
	margin-top:25px;
}

#compare-table td .title
{
	font-size:13px;
	color:White;
}
#compare-table td .price-red
{
	color:#FF0000;
}
.wrapword {
	white-space: pre;			/* CSS 2.0 */
	white-space: pre-wrap;		/* CSS 2.1 */
	white-space: pre-line;		/* CSS 3.0 */
	white-space: -pre-wrap;		/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: -moz-pre-wrap;	/* Mozilla */
	word-wrap: break-word;		/* IE 5+ */
	/*word-break: break-all;
	white-space: normal;*/
}

/* Adv */
#divAdLeft {
    display: none;
    position: absolute;
    top: 10px;
}
#divAdRight {
    display: none;
    position: absolute;
    top: 10px;
}
#foo0 a {
	display: block;
	width: 160px;
	/*height: 174px;*/
	float: left;
} 